0

私は CSS が苦手で、2 列の等幅効果を作成しようとしています。唯一の問題は、左側のボックスに配置する必要があり、右側のボックスに要素を追加する必要がある既存の 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を正しく取得して、左側に上記を表示し、右側にさらにコントロールを表示することはできません.

うまくいけば、私を助けることができます。

ありがとう

4

1 に答える 1

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; 
}
于 2012-10-21T15:40:34.180 に答える