左边，无高度属性，自适应于最高一栏的高度
右边，无高度属性，自适应于最高一栏的高度
中间，高度600像素，左右两栏的高度与之自适应
Heim > Artikel > Web-Frontend > 纯CSS兑现侧边栏/分栏高度自动相等_html/css_WEB-ITnose
纯CSS兑现侧边栏/分栏高度自动相等_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:48:041225Durchsuche
这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）：
margin-bottom:-3000px; padding-bottom:3000px;
再配合父标签的overflow:hidden 属性即可实现高度自动相等的效果。
举个简单的实例吧，如下CSS及HTML代码：
#content{overflow:hidden;} .left{width:200px; margin-bottom:-3000px; padding-bottom:3000px; background:#cad5eb; float:left;} .right{width:400px; margin-bottom:-3000px; padding-bottom:3000px; background:#f0f3f9; float:right;} .center{margin:0 410px 0 210px; background:#ffe6b8; height:600px;}
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：html中<a>标签的种类_html/css_WEB-ITnoseNächster Artikel：在 VS2013的ASPNET网站开发中用 xheditor v1.1.13 作为HTML编辑器_html/css_WEB-ITnose