html – 如何确保两个div具有相同的高度？

概述假设我在一个包装器中并排有两个div. <div id="wrapper"> <div id="primary"></div> <div id="secondary"></div></div>#primary {width:50%;float: left;}#secondary {width: 50%;} 如何确保div secondary始终与div prima 假设我在一个包装器中并排有两个div.

<div ID="wrapper">    <div ID="primary"></div>    <div ID="secondary"></div></div>#primary {wIDth:50%;float: left;}#secondary {wIDth: 50%;}

如何确保div secondary始终与div primary具有相同的高度

解决方法 不幸的是,没有完美的方法可以在不使用JavaScript的情况下实现这两个div对彼此一无所知.

您的选择取决于您希望从视觉上获得什么.

一个快速的谷歌搜索带来了这看起来很有希望：http://www.vanseodesign.com/css/equal-height-columns/

如果您可以专注于更现代的浏览器,您可以使用flexBox.有关示例,请参阅此帖子：http://css-tricks.com/fluid-width-equal-height-columns/

总结

以上是内存溢出为你收集整理的html – 如何确保两个div具有相同的高度？全部内容，希望文章能够帮你解决html – 如何确保两个div具有相同的高度？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。