0

わかりました。説明が難しいので、よくわからない場合は質問してください。

私のhtmlページには、複数のdivを含むメインの「コンテナ」divがありますが、コンテナ内の各divは2つの列のいずれかに配置されます（したがって、コンテナ内にdivがある場合は、次のいずれかになります。左の列または右の列）

<div id="container">
  <div id="column1">
    <div id="item1-1"></div>
    <div id="item1-2"></div>
    <div id="item1-3"></div>
  </div column1>
  <div id="column2">
    <div id="item2-1"></div>
    <div id="item2-2"></div>
    <div id="item2-3"></div>
  </div column2>
</div container>

[注：構文が正しくないことはわかっています。読みやすくしているだけです]

つまり、サイズを変えることができる（したがって、ページサイズを変えることができる）divの2つの列が必要であり、item1-2がitem1-1の下に表示されるようにします。ここでの問題は、divをコンテナが内部に表示されるため、絶対位置または相対位置を使用できません。テーブルを使うべきだと言われていますが、どうすればいいのかわかりません。

だから、私の質問は、htmlとcssだけを使用して、上記のことを正確に行うための何かがありますか？

4

2 に答える 2

1

最初：作っ</div column1>て</div column2>言うだけ</div>

2番目: CSS:

#container {
    width: 100%;
}

#column1, #column2 {
    float: left;
    width: 50%;
}
于 2013-02-19T18:07:48.670 に答える
0

必要な外観を実現するには、 CSSfloatプロパティを使用する必要があります。ただし、親コンテナが正しく表示されないという問題を回避するには、次の2つの解決策のいずれかに従うことを検討してください。

フローティング要素の後にdivを追加する

clear: both

または、以下のコードを親divに適用します

overflow: hidden
于 2013-02-19T18:40:19.287 に答える