在容器中居中的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和流体左填充

回答

相关问题