-4

我的设计如下：

当我在任何块（第 1、第 2、第 3 或第 4）之后添加新 div 时，它会破坏位于其下方的 div。

当我在第一个 div 之后添加 div 时，设计采用以下内容：

div 的 CSS 规则就是：

width: 430px; margin-bottom:40px; float:left(for 1st and 3rd) or right(for 2nd and 4th)

附加的 div 的 CSS 规则：

height:20px; width:20px; clear:both; overflow:hidden

是什么导致了这个问题？

为什么底部 div 定位在右侧而不是向下滑动？

4

3 回答 3

0

我建议您使用表格，您的问题将很容易解决。

于 2013-02-16T08:28:53.403 回答
0

CSS：

  .div
        {
            width: 400px;
            margin: 20px;
            float: left;
            border: 1px solid #000;
        }
        .divwrapper
        {
            width: 900px;
        }

HTML：

<div class="divwrapper">
        <div class="div">
            Hello 1Div
        </div>
        <div class="div">
            Hello 2Div
        </div>
        <div class="div">
            Hello 3Div
        </div>
        <div class="div">
            Hello 4Div
        </div>
    </div>
于 2013-02-16T08:31:18.100 回答
0

你应该为所有的 div 写 css

div{
   width:80px;
  float:left;
  border:1px solid black;
  padding:5px;
  margin:5px;
  height:50px;
}

但是，我认为 css 解决方案不是通过简单的文本给出的。所以

请看小提琴http://jsfiddle.net/pvnq8/1/

于 2013-02-16T08:33:44.540 回答