css - div 下的 div - 不知道该怎么做

Question

我的网站被屏蔽了，我想做这样的事情: 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;

我该怎么做？

谢谢!

Answer 1

旧方法:

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

避开表格布局方式的人:

使用 3 个容器 DIV 来代表您的列，将它们相对并排放置 (float:)。

现代方式:

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