在容器中居中的div和流體左填充

我的佈局中有一個居中的紅色div（藍色），最大寬度（1240px），我搜索使其成爲CSS。對中區域（藍色）左側的徽標區域（紫色）爲300px。在這一點的左邊，以紅色表示，它將是流暢的（不管你的屏幕分辨率如何）。在容器中居中的div和流體左填充

（順便說一句，這是爲淺灰色格略低於同樣的事情）

你有一個想法，要做到這一點？

image http://img69.imageshack.us/img69/8633/kkgx.jpg

<header> 
    <div id="logo"> 
     <div class="w"> 
     <a href="#">Website name</a> 
     </div> 
    </div> 

    <div class="wrap"> 
     <div class="r"> 
     <nav id="menu"> 
      <ul> 
       <li><a href="#">link</a></li> 
       <li><a href="#">link</a></li> 
       <li><a href="#">link</a></li> 
      </ul> 
     </nav> 
     <nav id="social"> 
      <ul> 
       <li><a href="#">link</a></li> 
       <li><a href="#">link</a></li> 
      </ul> 
     </nav> 
     </div> 
    </div> 
</header>

來源

2013-07-14 flks

會你把任何HTML中，或者你只是想如果分辨率大，只是空的？ –

它會像圖片一樣紅。這是徽標背景的延伸（也是紅色）/所以，只是背景顏色 – flks

您需要放置一些代碼。 –

解決與#logo元件上的:before僞類。

#logo:before{content:""; position:absolute; top:0; right:100%; width:1000%; height:100%; background:red;}

http://jsfiddle.net/Flayks/fUf2z/

流體中的部分「

來源

2013-07-27 22:43:44 flks

不清楚自己是不是一些依賴於窗口大小或分辨率等後什麼，所以，不使用百分比這裏幫助嗎？你可能知道這一切，但你可以在CSS中使用百分比，邊距和填充和寬度等等。這直接取決於窗口大小或分辨率和縮放？

http://mattsnider.com/css-using-percent-for-margin-and-padding/

來源

2013-07-14 20:36:18 Roope

在容器中居中的div和流體左填充

回答

相關問題