如何使用HTMLCSS实现相等高度的div（并排放置）？

如何使用HTML / CSS实现相等高度的div（并排放置）？

您 可以 使用jQuery，但是有更好的方法可以做到这一点。

这类问题很多，通常有3个答案…

1.使用CSS

这是做到这一点的“最佳”方法，因为它是语义上最纯净的方法（无需求助于JS，这有其自身的问题）。最好的方法是使用

display: table-cell

和相关值。您也可以尝试使用人造背景技术（可以使用CSS3渐变来完成）。

2.使用表

这似乎工作得很好，但是要牺牲布局的语义。您还会引起纯粹主义者的骚动。我几乎避免使用表，您也应该避免使用表。

3.使用jQuery /Javascript

这具有最大的语义标记优势，除非禁用JS，否则您将无法获得想要的效果。