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>