最初の div (幅 30 ピクセル) を左に、3 番目の div (幅 30 ピクセル) を右にフロートさせ、2 番目の div がウィンドウ幅全体から残りのスペースを占有するという問題があります。
例:
http://jsfiddle.net/AScBN/188/
.right
{
height:40px;
width:40px;
float:left;
background:green;
}
.left
{
height:40px;
width:40px;
float:right;
background:green;
}
.fluid
{
margin-right: 50px;
height:40px;
background:red;
}
div
{
border:1px solid yellow;
}
問題:
それらを隣り合わせに座らせることはできません。最後のdivは、流動的な2番目のdivのために明らかに下に押し込まれます
ありがとう
エイデン