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

前端之家收集整理的这篇文章主要介绍了css – 2 div彼此相邻,都是100%前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
相当简单的问题,但尝试了一切.

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

这是我现在的css行:

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

我不能让他们相互排队.

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

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

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

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

提前致谢!

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

例如:

  1. <div class="container">
  2. <div class="contentContainer"></div>
  3. <div class="contentContainer"></div>
  4. </div>

和CSS:

  1. .container {
  2. width: 200%;
  3. }
  4.  
  5. .contentContainer {
  6. width: 50%;
  7. float: left;
  8. }

猜你在找的CSS相关文章