100％的DIV宽度是不是真的100％100％的DIV宽度是不是真的100％(100% DIV wi

当我有一个<div>与width: 100%它是不是真的100％：

<div id="div">testtesttesttesttest</div>

...

#div {
  width: 100%;
  background-color: red;
}

现在，当你调整窗口大小，所以有水平滚动条，并且您滚动到右侧，然后将背景消失。 我怎么能留在这种情况下，背景是什么？

在这里，您可以看到工作中的问题： http://beta.ovoweb.net/?i=3

现在，当你调整窗口的大小和滚动到右侧，你看不到的后台了。 如何解决这一问题？

Answer 1:

100％值是父的宽度或视口的100％。 查看文档 。

Answer 2:

宽度：100％，是高度受它的利润率和利润及其母公司（在你的身体的情况下）的填充。 因此，首先重置它们

就像是

body {
    margin: 0;
    padding: 0;
}
#div {
  margin: 0;
  width: 100%;
  background-color: red;
}

DEMO

Answer 3:

它添加到CSS：

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

那么它应该工作。

Answer 4:

100％是可用宽度仅为100％，基于在父容器上。 所以，如果你创建一个宽度500个像素的DIV，然后窝内侧宽度100％另一个DIV，你100％的DIV可以扩展到最多500个像素（所以你需要将它们重置为0不计算任何填充或保证金）。

Answer 5:

这个现在应该做的（这行添加到您的CSS文件的最顶层）：

* { margin: 0; padding: 0; }

作品所有的时间对我来说。

Answer 6:

我大部分的时间添加这段代码到我的CSS。 它应该为你工作了。 肯定的，100％的宽度或高度总是基于在父容器上。

CSS

*{
margin:0;
padding:0;
}
html,body{
height:100%;
width:100%;
}


#container{
width:100%;
height:100%;
background:gray;
position:relative;
display:block;
}
#content{
height:50px;
width:50px;
bottom:20px;
right:10%;
background:red;
position:absolute;
}

HTML

<div id="container">
    <div id="content">
    </div>
</div>​

OUTPUT

Answer 7:

在我的情况，因为有DIV的显示div标签没有接受它的父标签的100％，“内联”。 它更改为“inline-block的”固定的问题。

文章来源: 100% DIV width is not really 100%