javascript - CSS 中是否有使页面宽度可变的方法？

Question

我有一个没有垂直滚动的页面，而是所有内容都水平显示。

如果您一直滚动到我页面的末尾(一直向右滚动)，您将看到我的联系信息。 例如:

<div1></div1>
<div2></div2>
<div3></div3>
<divN></divN>

在这种情况下，div1 是最左边的元素，div2 在中间，div3 在它的右边……一直到最后，显示 divN。 每个 div 都是 500 px 宽。 我可以将我的页面宽度设置为 20000px(对于 4 个 div)并且效果很好。 但是，我想让我的页面动态化，并且除了 divN 之外的每个 div 都是从数据库加载的。这意味着，每次添加内容时，我都必须手动增加页面宽度。

有没有办法使这个过程自动化。

Answer 1

据我了解，这可能是您想要的:

.parent{
    overflow:hidden;
    white-space:nowrap;
}

.parent > div{
    width:500px;
    height:300px;
    border:1px solid red;
    display:inline-block;
    *display:inline;/*For IE7*/
    *zoom:1;
    white-space:normal;
}

检查这个http://jsfiddle.net/HJsrJ/