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

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章