使用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>