Question

我已经在我的身体上设置了最大宽度，但我想要一个div没有这个最大宽度但是有一个全宽。

HTML

<body>
<header> stuff here </header>
<main> 
more stuff

<div> The div I want to have a full-width </div>
</main>
</body>

CSS

    body {
            max-width: 1200px;
            margin-right: auto;
            margin-left: auto;
          }

div { ?}

Answer 1

如果你想让div达到全宽，你必须把它放在身体外面。

   <body>
   <header> stuff here </header>
   <main> 
    more stuff


   </main>
   </body>
   <div> The div I want to have a full-width </div>

和css：

 div{width: 100%;}

Answer 2

您需要将位置设置为absolute以使DIV离开身体。然后将宽度设置为100％，这将与屏幕尺寸匹配。

例如，请参阅此fiddle。