对齐div的问题

Question

我有3个div，每个250宽度和125高度。如何将它们彼此相邻对齐，以便它们适用于大多数浏览器？

Answer 1

这解决了您的问题

<div style='float:left; width:250px; height:125px;'>First</div>
<div style='float:left; width:250px; height:125px;'>Second</div>
<div style='float:left; width:250px; height:125px;'>Third</div>

这是可选的

<div style='display:inline-block'>
    <div style='float:left; width:250px;'>First</div>
    <div style='float:left; width:250px;'>Second</div>
    <div style='float:left; width:250px;'>Third</div>
</div>

以上内容确保主div下的任何内容都低于内部div的所有三个。

测试它们以不同的风格放置一些内容，你会看到我的意思。从第一个中删除高度值以获得更好的解释

Answer 2

如果他们都有相同的高度，只要在他们身上使用float: left就可以做到这一点，前提是他们周围的盒子宽度足以容纳它们。