格 - 不知道如何做到這一點

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 =頂部。

人家那順表的佈局方式：

使用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元素。然後添加適當的邊距。