1

我设置body {margin: 0 auto; width: 900px;}

100% 显示宽度

我希望该主体内的div(或section)之一是显示的 100%(不是其父级 900px,而是更多)。应该为这个 div 应用什么样式?

<body>
<div>
900px width of this text
</div>
<div style="???">
the whole 100% length of display
</div>
</body>
4

3 回答 3

1

如果你在<body>. 我会<body>独自离开并做类似的事情:

div {
  width: 900px;
}
div.fullwidth {
  width: 100%;
}

然后确保您的内容是一系列<div>s,其中一些具有class="fullwidth"(此类元素需要是非嵌套的,因为对于嵌套元素,“100%”将被解释为“100% 的包含元素”,这反过来计算为“900px 的 100%”)。

于 2012-07-09T07:47:53.357 回答
0

如果你想要<div>100% 的屏幕宽度,你必须display在 CSS 中设置属性。

display:block;

一个例子

于 2012-07-09T07:44:20.023 回答
0

您可以设置position:absolute;阻止它从主体继承宽度。

于 2012-07-09T07:52:43.453 回答