我想创建两个并排的 div,但我希望左侧的 div 为 300px,右侧的 div 占据屏幕上的剩余部分。这怎么可能呢?谢谢!
最直接的(我会说正确的)方法是使用display: table
:
#wrapper {
display: table;
width: 100%;
}
#left, #right {
display: table-cell;
color: white;
}
#left {
background: blue;
width: 300px;
}
#right {
background: red;
}
<section id="wrapper">
<aside id="left">Left 300px</aside>
<div id="right">Right the rest</div>
</section>
http://jsfiddle.net/YbLZE/1/ http://jsfiddle.net/YbLZE/1/
尝试调整右下框架的大小。
更新为HTML5
元素section
and aside
,如果您有一个,则应该使用HTML5 doctype
。我必须记住使用那些...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)