为什么我的Divs不跨越宽度的100％？

Question

我有一个非常愚蠢的问题要问。

我正在尝试使div跨度为网页宽度的100％，但没有达到。我希望它是动态的（不要以px为单位指定宽度），并且我绝对不希望它使水平滚动条出现。

[我正在尝试制作类似于Stack Overflow的100％页面宽度的“警报”，该警报会告诉您何时获得新徽章。

我的网站截图：。

粉红色横幅div的代码

<div width='100%' style="padding:0px; background-color:FF0099; background-image:url('pics/pink_bg.png'); ">
  &nbsp;
</div>

我有一个非常愚蠢的问题要问。我正在尝试使div跨度为网页宽度的100％，但没有达到。我希望它是动态的（不以px为单位指定宽度），而且我绝对不...

Answer 1

您的html正文

Answer 2

好像您的身体上有填充物，这阻止了div一直扩展。

Answer 3

在您的CSS文件中，请确保您的身体上没有任何填充物。如果您什么都没有，可以尝试添加以下内容：

Answer 4

只需为主体添加一个CSS即可删除填充和边距：

Answer 5

类型

Answer 6

我遇到了同样的问题，我在页面的右侧有一条很大的白线。我发现以下是救命的东西：

Answer 7

实际上，这很容易。确保粉红色横幅div的父容器的填充为0，边距为0。在这种情况下，我假设粉红色横幅的容器只是body标签。现在，将以下代码段复制到页面头部。

Answer 8

我经常键入的每个CSS文档的开头：