如何将div的宽度100％放在一起

Question

我想在不使用边距/填充/左边的情况下并排放置任意数量的100％宽度的div。 所以我想要一个overflow-x

<div class="pages">
    <div class="page page_1 shown">1</div>
    <div class="page page_2">2</div>
    <div class="page page_3">3</div>
//... much more div's
</div>

你有什么想法吗？ 抱歉我的英语非常糟糕......：/

Answer 1

与其他人的想法相反，这是可能的。您可以使用vw（视口宽度）单位。

http://jsfiddle.net/BramVanroy/90t997aa/

body {
    width: 300vw; /* 3x the viewport */
}
.page {
    width: 100vw; /* every page has the width of the viewport */
    float: left;
}

这是browser support表。

编辑：我刚刚意识到你可以简单地将体宽设置为100*n %，其中n是你拥有的div数量。然后设置divs＆＃39;宽度为100/n %。 Like so。浏览器支持应该更好，但是有些浏览器可能不会完全舍入数字，导致一些像素差异。