使用CSS和HTML制作的网页上的列

Question

我正在创建一个网页，但我不确定如何执行某些操作。我做了一些研究，但无法找到答案。基本上，我想将我的页面分成两列。在左边，我想放图片，在右边，我想放文字。我该怎么做呢？请提供一个简单的解释，我是一个新的网页设计

Answer 1

如果你不需要支持旧版本的IE，你可以使用'flex'布局。

见http://css-tricks.com/snippets/css/a-guide-to-flexbox/

body, 
 
html { 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
#container { 
 
    display: flex; 
 
    height: 100%; 
 
} 
 
#pics, 
 
#text { 
 
    flex: 1; 
 
    color: white 
 
} 
 
#pics { 
 
    background-color: blue; 
 
} 
 
#text { 
 
    background-color: green; 
 
}

<div id="container"> 
 
    <div id="pics"> 
 
    Pics here 
 
    </div> 
 
    <div id="text"> 
 
    Text here 
 
    </div> 
 
<div>