1

我的网站被屏蔽了，我想做这样的事情： http ://s13.postimg.org/6ue9a8bfr/Untitled_3.png

但发生在我身上的是： http ://s15.postimg.org/derz2m8h7/image.png

这是我的 div csS：

        background-color: #ffffff;
        width: 37.2%;
        border-top: 4px solid black;
        margin: 14px 0.4% 14px 0.4%;
        float: left;
        -webkit-border-radius: 2px;
        border-radius: 2px;

我怎么能这样做？

谢谢！

4

2 回答 2

2

老办法：

使用具有 1 行 (tr) 和 3 个单元格 (td) 的表格，将您的 DIV 放在这些单元格中，确保单元格为 valign=top。

避开餐桌布置方式的人：

使用 3 个容器 DIV 来代表您的列，将它们相对并排放置（浮动：）。

现代方式：

使用 flexbox 定位https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes或使用 CSS column-* 属性http://playground.html5rocks.com/#columns

于 2013-07-17T11:53:09.290 回答
0

使用三个单独的容器 div 来表示三列。在已设置适当宽度的每一列中，将 div 置于容器内，并将它们设置为 100%，从而填满列容器的整个宽度，迫使下面的其他 div 元素。然后添加适当的边距。

于 2013-07-17T11:58:45.583 回答