Question

我设置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>

Answer 1

如果您在<body>上设置宽度，我认为您无法做到这一点。我将<body>单独留下并执行以下操作：

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

然后确保您的内容是一系列<div>，其中一些class="fullwidth"（此类元素需要非嵌套，因为对于嵌套元素“100％”将是被解释为“100％的含有元素”，而这反过来又达到了“100％的900px”。

Answer 2

如果您希望<div>为屏幕宽度的100％，则必须在CSS中设置display属性。

display:block;

Answer 3

您可以设置position:absolute;，以防止它继承身体的宽度。