如何使用HTML / CSS实现相等高度的div(并排放置)?
我在容器中有两个div。一个在左边,一个在右边,并排放置。即使内容不同,我如何能够使每个人的身高相等。
例如,右div有很多内容,并且是左div高度的两倍,如何使左div延伸到右div的相同高度?
是否有一些JavaScript(jQuery)代码可以完成此任务?
回答:
您 可以 使用jQuery,但是有更好的方法可以做到这一点。
这类问题很多,通常有3个答案…
1.使用CSS
这是做到这一点的“最佳”方法,因为它是语义上最纯净的方法(无需求助于JS,这有其自身的问题)。最好的方法是使用display: table-cell
和相关值。您也可以尝试使用人造背景技术(可以使用CSS3渐变来完成)。
2.使用表
这似乎工作得很好,但是要牺牲布局的语义。您还会引起纯粹主义者的骚动。我几乎避免使用表,您也应该避免使用表。
3.使用jQuery /JavaScript
这具有最大的语义标记优势,除非禁用JS,否则您将无法获得想要的效果。
以上是 如何使用HTML / CSS实现相等高度的div(并排放置)? 的全部内容, 来源链接: utcz.com/qa/415129.html