html - 同时 100% 宽的 div

Question

我无法制作具有多个水平对齐的 div 的页面，每个 div 的大小为 100% x 100%，因此页面水平滚动。

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

Answer 1

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

JFiddle 示例

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>