php - 包含绝对/相对定位的 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; 
}