同时100％宽的div

Question

我在创建一个水平对齐多个div的页面时遇到问题，每个页面的大小均为100％，因此页面会水平滚动。

最终目标将是div之间的水平平滑滚动。我不完全确定从哪里开始。有没有人有任何建议？

Answer 1

类似的东西怎么样？只需根据水平div的数量调整每个的高度和宽度。

JFiddle Example

<强> CSS

html, body {
    width: 200%;
    height: 100%;
    margin: 0px;
}

#firstDiv {
    float: left;
    width: 50%;
    height: 100%;
    background-color: red;
}

#secondDiv {
    float:  left;
    width: 50%;
    height: 100%;
    background-color: blue;
}

<强> HTML

<div id="firstDiv"></div>
<div id="secondDiv"></div>