我打算写三个专栏(我最初不想要这个,但它看起来最适合我的元素)。右边的那个即使漂浮在右边也坚持保持在中间的下方。我应该改变什么?
整个东西实际上将放在另一个 div 中,但这似乎并不相关。我已将代码简化为有问题的区域:
<style>
.contain {
border:1px solid;
width:639px;
height:500px;
}
.subAreaLeft{
float:left;
position:relative;
width:205px;
border:1px solid;
}
.subAreaMid{
margin: 0 auto;
position:relative;
width:205px;
border:1px solid;
}
.subAreaRight{
width:205px;
position:relative;
float:right;
border:1px solid;
}
</style>
</head>
<body>
<div class="contain">
<div class="subAreaLeft" id="contactInfo">
ONE
</div>
<div class="subAreaMid">
TWO
</div>
<div class="subAreaRight">
THREE
</div>
</div>
</body>
最佳答案
为了让所有三个 div
都向左浮动,所有三个 div
都需要 float: left
CSS。
关于css - 三、右浮div在中间那个下面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18939235/