4

私はこれが何百万回も前に尋ねられたことを知っています、しかし私はまだ答えを見つけることができないようです（ほとんどの質問は私が同じではないことを望むものの反対であるようです）。

#leftと#rightという2つのdivがあります。#rightのサイズは150pxx50pxに固定されています。#leftを展開して残りのスペースを埋め、＃rightを画面の右端に配置します。さまざまな方法でそれらをフローティングし、displayを設定してみました。inline-block; しかし、私はまだそれを釘付けにすることができないようです。私が読んだすべての記事は、左側のdivが修正され、右側のdivが大きくなっていることに関するものです。読んだ内容を逆にしてみましたが、常に#leftdivが#rightの周りに浮かんでいます。これが意味するのは、私の#left divが最小（インラインブロック）に縮小するか、最初の50pxを#rightまで表示し、残りの#leftはフラッシュのままではなく#rightの下に隠れることです。

これが理にかなっていることを願っています。説明するのはちょっと難しいです。 スクリーンショット

4

2 に答える 2

5

このように書いてください：

.right{
 width:150px;
 height:150px;
 float:right;
 background:red;
}
.left{
 height:150px;
 background:green;
 overflow:hidden;
}

HTML

<div class="right">fixed</div>
<div class="left">auto</div>

これをチェックしてくださいhttp://jsfiddle.net/TW4dn/

于 2012-06-01T10:10:42.207 に答える
0

あなたはこれを試すことができます

<div class="right" style="clear:right">
于 2012-06-01T10:14:26.393 に答える