css - 浮动 div 不会扩展正文宽度

Question

我正在尝试开发一个具有固定高度和可变宽度的水平网页。

为了得到它，我需要一排浮动<div>的s来扩大<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