相当简单的问题,但尝试了一切.
我想要的是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; }