1

したがって、これに似た質問がたくさんあることは知っていますが、この特定の質問に対する答えを見つけることができませんでした.

2 列の div レイアウトがある場合、左側の div の幅を 250px に固定し、margin-left: 5%; にします。(私のデザインに合わせてセットアップしたい方法です)...

2 番目の div (右側の 1 つ) 基本的に画面の右側の端に移動します。したがって、左の div は 250px で、margin-left は 5% で、2 番目の div (右側の 1 つ) がブラウザーの残り全体を埋めるようにします。

2 番目の div で、幅 100% の float left を試しましたが、2 番目の div が最初の div の下部に移動し、画面がいっぱいになります。2番目のdivに固定幅を与えると、フロートは粗く機能しますが、ブラウザーウィンドウがいっぱいになりません...そして、ブラウザーウィンドウを2番目のdivよりも小さく移動すると、最初のdivの一番下に再び押し下げられます分...

とにかく、cssだけで、固定幅の1つのdiv(およびパーセンテージのmargin-left)と、100%のパーセンテージで最初の右側にある次のdiv(フロートが通常機能するように)がありますか(またはそのようなもの)画面の残りの部分を埋めるように???

o ya また、違いが生じる場合は、両方の div の高さを 100% にする必要があります...ありがとう!

4

1 に答える 1

2

次のように書きます。

CSS

.left{
    float:left;
    background:red;
    width:250px;
    margin-left:5%;
}
.right{
    overflow:hidden;
    background:green;
}

HTML

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

<div class="right">right</div>

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

于 2012-08-08T08:29:02.180 に答える