我有 3 个 div,“left div”、“right div”和“bottom div”。我一直在绝望地尝试以某种方式定位它们,但它不起作用。这就是我理想中希望他们成为的样子:
主要问题是“left div”和“right div”的高度不同,所以我该如何解决这个问题?
编辑:我还想补充一点,左右 div 需要在内容区域内居中。
最佳答案
<div id="content">
<div class="left">
Left
</div>
<div class="right">
Right
</div>
<div class="bottom">
Bottom
</div>
</div>
CSS:
#content{
width:1000px;
margin:0 auto;
}
.left{
width:495px;
float:left;
margin-right:10px;
}
.right{
width:495px;
float:left;
}
.bottom{
clear:both;
margin-top:10px;
}
那么如果你想让左右匹配: (使用 jquery)
$(document).ready(function(){
var leftdiv = $('.left').height();
var rightdiv = $('.right').height();
if(leftdiv > rightdiv)
$('.right').css('height', leftdiv + 'px');
else
$('.left').css('height', rightdiv + 'px');
});
关于html - 位置 3 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8480928/