好的,我正在尝试制作 3 列布局,但我希望所有列都具有 33% 的宽度和 50% 的高度。我还想在列的 3 个 div 上填充。但是每次我添加填充时,它都会使最后一个 div 转到下一行。
我怎样才能解决这个问题??
html
<div id="nav">
<div class="block" id="left">
<h1>blah blah</h1>
</div>
<div class="block" id="middle">
<h1>blah blah</h1>
</div>
<div class="block" id="right">
<h1>blah blah</h1>
</div>
</div>
css
#nav {
??
}
.block {
padding:20px;
width:33%;
height:50%;
position:relative;
float:left;
}