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，将它们并排放置（浮动:)。

现代方式：

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

Answer 2

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

div下的div - 不知道怎么做

2 个答案: