Question

我的布局中有一个居中的红色div（蓝色），最大宽度（1240px），我在CSS中进行搜索。中心区域（蓝色）左侧的徽标区域（紫色）为300px。在这一点的左边，红色，它将是流动的（无论你有什么屏幕分辨率）。

（顺便说一句，对于下面的lightgray 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>

Answer 1

除了取决于窗口大小或分辨率的内容之外，不完全确定您的内容是什么，因此，使用百分比是否有帮助？您可能知道这一点，但您可以使用css中的百分比，边距和填充和宽度等等。这直接取决于窗口大小或分辨率和比例？

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

Answer 2

使用:before元素上的#logo伪类进行解决。

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

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

居中的div和流体在容器上留下填充物

2 个答案: