！重要不起作用，不延长100％

Question

为什么我的“！重要工作”不是？

<img src="images/logo.png" id="logo">

CSS：

html {
background-color: #ffffff;
}

body {
margin: 0 auto;
width: 1080px;
}

#logo {
width: 100% !important;
}

但#logo仍未延伸100％，仅为1080px。

Answer 1

你的身体是width: 1080px，width: 100%的任何内容都不能超越这个。

Answer 2

现在定义您的

body{
min-width:1080px;
}
#logo {
width: 100%;
}

Answer 3

如果你的父元素（在你的情况下是主体）有一个固定的宽度（1080px）你不能扩展你的子元素（在你的情况下#logo div）太宽100％的窗口。

现在它将填充100％op的父部分，因此100％的1080px。

使您的身体100％宽度，并使用#wrapper或宽度为1080px的#container用于其余内容。在这种情况下，您可以从＃container /＃wrapper div中排除#logo并使其成为窗口的100％。

Answer 4

删除了体宽或设置为100％