0

好的，所以这将很难解释，所以如果我不清楚，请提出问题

在我的 html 页面中，我有一个主“容器”div，其中包含多个 div，但容器内的每个 div 都放置在两列之一中（因此，如果容器中有一个 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（因此页面大小可以变化），并且 item1-2 出现在 item1-1 下方，等等。这里的问题是我想要 div 在容器出现在其中，所以我不能使用绝对或相对定位。有些东西告诉我我应该使用一张桌子，但我不知道该怎么做。

所以，我的问题是：只使用 html 和 css，有什么可以做上面的吗？

4

2 回答 2

1

第一：make </div column1>and </div column2>just say</div>

第二：CSS：

#container {
    width: 100%;
}

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

要获得您想要的外观，您应该使用CSSfloat属性。但是，为避免父容器无法正确显示的问题，请考虑采用以下两种可能的解决方案之一：

在浮动元素后添加一个div

clear: both

或将下面的代码应用于您的父 div

overflow: hidden
于 2013-02-19T18:40:19.287 回答