css - フローティング div は本文の幅を拡張しません

Question

高さが固定で幅が可変の横長の Web ページを作成しようとしています。

それを取得するには、幅<div>を広げるための float の行が必要です。<body>

|------------- body --------------|   /* variable width */
  |-div-| |-div-| |-div-| |-div-|     /*  fixed width   */

次のコードは機能していないようです。

body{
  height: 40px;
}

div{
    width: 2000px;
    height: 20px;
    background: red;
    margin: 10px;
    float: left;
 }

JavaScriptを使わずにそれを行うことは可能ですか?

score 2 · Accepted Answer

ブロック要素は、親要素の幅の全幅に拡張されます。子供たちを尊重させるには、次のいずれかを宣言できます。

display: inline-block;

また

position:absolute;

あなたの体の要素に。

white-space編集:質問を明確にした後、宣言を本文に追加するだけです:

white-space:nowrap;

score 0 · Accepted Answer

0

これを試して：

body{
height: 40px;
display: inline-block;
}

于 2012-08-23T19:55:08.203 に答える

2 に答える 2