Div忽略身體上的最大寬度

我已經在我的身上設置了最大寬度，但我希望一個div沒有這個最大寬度但是具有全寬度。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 { ?}

來源

2015-09-26 krcfan

你的問題還不太清楚。請充分注意提供一些有關您的問題真正存在的信息。 Div通常默認具有100％的寬度，因此在這種情況下，整個寬度將爲身體定義的1200px。 –

對不起，我希望div有全寬。所以如果屏幕是1600像素，身體將是1200px。所以我想div的寬度是1600px – krcfan

如果您想擁有一處全寬度的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%;}

來源

2015-09-26 15:09:54

您需要設置位置爲absolute使DIV讓開身子的。然後將寬度設置爲與屏幕尺寸匹配的100％。

例如，請參閱此fiddle。

來源

2015-09-26 15:12:19

Div忽略身體上的最大寬度

回答

相關問題