2列布局的CSS，包括絕對/相對位置

Question

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

這是源代碼，將位於左側（我已包括CSS inline）：

<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; 
}