css – 2 div彼此相邻,都是100％

相当简单的问题,但尝试了一切.

我想要的是2(实际上5)div旁边的eachother与类“容器”,所以我可以做一个水平的1页面的网站.每个div必须是100％宽.所以2 divs意味着彼此旁边的2个屏幕.

这是我现在的css行：

.container { width: 100%; float: left; display: inline; }

我不能让他们相互排队.

这是一个视觉,使它更清楚.

图片网址更大的预览：http://www.luukratief.com/stackoverflow.png

滚动部分不是我的问题,只是放置div.

这是否可能使用百分比,或者这根本不可能.
如果是这样,请告诉我如何使用css.

提前致谢！

解决方法

您可以制作宽度为200％的容器,然后将宽度为50％的两个div放在该元素的内部,以便确保一个div总是获得整个访问者的屏幕宽度.

例如：

<div class="container">
    <div class="contentContainer"></div>
    <div class="contentContainer"></div>
</div>

和CSS：

.container {
    width: 200%;
}

.contentContainer {
    width: 50%;
    float: left;
}