html - divに無限の幅を与える方法は?

Question

A と B の 2 つの div があるとします。

Div B の幅は 900px です。

画面解像度は 500px です。

これにより、水平スクロールが発生します。

問題は、右にスクロールすると、DivA が実際には 100% ではないことがわかります。

DivA が常に残りのスペースを埋めるようにする方法はありますか?

画像を見て、

問題を説明する目的で次の画像を追加します。

Answer 1

DivAだけでは使えませんでしwidth:100%た。空白を埋めてしまいます。float:left; position:relativeさらに、両方のdivを追加します。

Answer 2

CSS3 の -webkit-box-flex プロパティを使用すると役立ちます。しかし、問題は、すべてのブラウザーで機能しないことです。

Answer 3

こんにちは今あなたに与えますbody min-width:900px;

このように

body{
min-width:900px;  // total width of your wraper as like wraper width 
}

Answer 4

float: left の DivA が欠けていると思います

.DivA{
float: left
width: 100%
}