如何使div占用浏览器窗口的整个宽度而不重叠元素

时间:2015-06-01 12:28:39

标签: html css width overlapping

我遇到了一个问题。我想用gallery创建一个div-> PICTURES占据页面的整个宽度。我试过

position: absolute;
left: 0;
right: 0;

它有效,但元素和页面现在重叠......我将如何解决这个问题?

链接到我的页面:http://web.ntf.uni-lj.si/~mojcaovnic/

谢谢。

1 个答案:

答案 0 :(得分:0)

使用position:absolute;表示它将不再使用文档中的任何空格,这就是元素重叠的原因。您应该使用position:relative;来避免这种情况。

使用width:100vw;会为div提供视口的整个宽度,使用width:100%;将为其提供父元素的宽度。