0

我要写三列（我原本不想要这个，但它看起来最适合我的项目）。右边的人坚持要保持在中间人的下方，即使它漂浮在右边。我应该改变什么？

整个事情实际上将放在另一个 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>
4

3 回答 3

1

为了使所有三个divs 都向左浮动，所有三个divs 都需要float: left在 CSS 中。

于 2013-09-22T00:59:24.263 回答
0

解决方案是不要修改任何 CSS。别管那个。

相反，将subAreaMiddiv 直接移到subAreaRightHTML 中的后面。

<div class="subAreaLeft" id="contactInfo">
ONE
</div>]

<div class="subAreaRight">
THREE
</div>

<div class="subAreaMid">
TWO
</div>

这确保了subAreaMiddiv 不会被清除，并给出所需的结果。

于 2013-09-22T01:29:30.273 回答
0 
<body>


<div class="contain">

<div class="subAreaLeft" id="contactInfo">
ONE
</div>



<div class="subAreaRight">
THREE
</div>

<div class="subAreaMid">
TWO
</div>

</div>

</body>

您只需将中间 DIV 放在第三个之后

http://jsfiddle.net/zJkHE/检查这个

于 2013-09-22T01:24:33.983 回答