在Div封裝中擴展DIV - 固定佈局

我想知道如何擴展div封裝中的每個DIV。我的div包裝是固定的，寬度爲980px。在Div封裝中擴展DIV - 固定佈局

我的HTML放在這裏：

<div id="wrapper" > 

     <div id="header" > 
      <strong>HEADER</strong> 
     </div> 

     <nav> 
      <strong>Navigation</strong> 
     </nav> 

     <div id="content" > 
      <div class="sidebar" > 
       <p>sidebar</p> 
      </div> 
      <div class="main-content" > 
       <p>content goes here.....</p> 
      </div> 
     </div> 

     <footer> 
      <strong>copyright etc....</strong> 
     </footer> 

    </div>

這裏的

我想實現的是具有background-color將擴大和最大出包裝的寬度或類似填充寬度這是每一個的DIV最充分的身體。但內容或文本的寬度仍爲980px，並且已修復。提前致謝。

來源

2014-12-29 Archie Zineg

剛一說明：學會使用'箱尺寸：邊界box'。在你的小提琴中，所有具有「背景色」的「div」都是其「父寬度」的「100％寬度」。這不是你想要的嗎？ – Vucko

有什麼區別？對不起，我是設計新手。並讚賞你的筆記。我會牢記這一點。 –

BTW。 div'wrapper'內的所有div都必須從其中伸出。 sorrybad英語。我的意思是，它應該具有「body」的寬度，但內容/文本必須用「980px」固定。 –

入住這Demo

.div-inner { 
width: 500px; 
margin: 0 auto; 
}

來源

2014-12-29 07:39:32 kapantzak

哇！驚人。但請爲我進一步解釋理解併爲將來的搜索者。感謝：D –

在Div封裝中擴展DIV - 固定佈局

回答

相關問題