html5设置的div宽度大于body宽度_Html_Width

html5设置的div宽度大于body宽度

html

html5设置的div宽度大于body宽度,html,width,Html,Width,我设置body{margin:0 auto；width:900px；} 100%显示宽度我希望主体内的div（或部分）中的一个是100%的显示（不是它的父级900px，而是更多）。这个div应该应用什么样式 <body> <div> 900px width of this text </div> <div style="???"> the whole 100% length of display </div> </body&g

我设置

body{margin:0 auto；width:900px；}

100%显示宽度我希望主体内的

div

（或

部分

）中的一个是100%的显示（不是它的父级900px，而是更多）。这个div应该应用什么样式

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


此文本的宽度为900px
显示的整个长度为100%

如果希望

为屏幕宽度的100%，则必须在CSS中设置

显示

属性

display:block;

如果希望

为屏幕宽度的100%，则必须在CSS中设置

显示

属性

display:block;

如果你在

上设置一个宽度，我认为你做不到。我会让

一个人呆着，做一些类似的事情：

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

然后确保您的内容是一系列的

s，其中一些具有

class=“fullwidth”

（这些元素需要是非嵌套的，因为对于嵌套元素，“100%”将被解释为“包含元素的100%”，而这反过来会产生“900px的100%”）.

如果你在

上设置一个宽度，我认为你做不到。我会让

一个人呆着，做一些类似的事情：

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

然后确保您的内容是一系列的

，其中一些具有

class=“fullwidth”

（这些元素需要是非嵌套的，因为对于嵌套元素，“100%”将被解释为“包含元素的100%”，而这反过来又会产生“900px的100%”。

您可以设置

位置：绝对

这将阻止它从主体继承宽度。

您可以设置

位置：绝对这将阻止它从主体继承宽度。
我考虑过这个解决方案，谢谢你指出这一点。但我不确定位置：绝对是一个很好的解决方案，使一个复杂的布局。如果我把position:absolute设置为position，我不知道如何用绝对位置显示div下面的页脚。我考虑过这个解决方案，谢谢你指出这个问题。但我不确定位置：绝对是一个很好的解决方案，使一个复杂的布局。如果我使用position:absolute，我不知道如何在div下面显示页脚的绝对位置。我和原作者有一个类似的问题。我刚刚尝试在我的页脚div中显示：block，它位于固定宽度的主体内。div不显示为全屏宽度，但仅显示为正文宽度的100%。我有一个与原作者类似的问题。我刚刚尝试在我的页脚div中显示：block，它位于固定宽度的主体内。div不显示为全屏宽度，而仅显示为主体宽度的100%。