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