用於包含絕對/相對定位的2列布局的CSS

Question

我在CSS上沒用，我試圖創建兩列等寬效果。唯一的問題是，我有一些現有的HTML必須坐在左側的框中，並需要將元素添加到右側框中。

這是將在左側的源（我已經包括了CSS內聯）：

<div id="photoContainer" style="position:relative; width:400px; height: 400px;background:#845454;margin-left:20px;overflow: hidden;" > 
    <img id="imgPhoto" style="z-index:1000; position:absolute; left:60px; top:23px; width:280px; height:354px" alt="photo" src="images/model.png" class="resize" /> 
    <img id="imgFrame" style="z-index:1005; position:absolute; left:0px; top:0px; width:400px; height:400px" alt="frame" src="images/wigs/Wig1.png" /> 
</div> 

嘗試，因爲我可能，我不能顯示在上面的CSS權左側並進一步控制在右側。

希望你能幫助我。

感謝

Answer 1

不是很清楚你要做什麼，但一般：

<div id="container"> 
<div id="column1">...</div> 
<div id="column2">...</div> 
</div> 

CSS：

#container { 
    float: left; 
    width: 100%; 
} 
#column1, #column2 { 
    width: 50%; 
    float: left; 
}