0

3 つの列を作成します (最初はこれが必要ではありませんでしたが、私のプロジェクトには最適です)。右の方は、右に浮いても真ん中より下に留まろうとしている。何を変更すればよいですか?

実際には全体が別の 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

0
<body>


<div class="contain">

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



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

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

</div>

</body>

THirの後に中間のDIVを配置するだけです

http://jsfiddle.net/zJkHE/これをチェック

于 2013-09-22T01:24:33.983 に答える
0

解決策は、CSS を変更しないことです。それは放っておきましょう。

代わりに、 div をHTML のsubAreaMid直後に移動します。subAreaRight

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

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

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

これにより、subAreaMiddiv がクリアされず、望ましい結果が得られます。

于 2013-09-22T01:29:30.273 に答える