CSS推送内容？

Question

查看kranedesign.com上的任何页面

如果您水平减小浏览器的大小，主要内容会降到导航下。我不确定在CSS中如何或如何解决这个问题。理想情况下，我希望它能够适应...但即使只是一个水平滚动条会更好。

Answer 1

你应该有一个容器格。像：

<div id="container"> 
    <div id="nav"></div> 
    <div id="content"></div> 
</div> 

然后给容器类溢出：隐藏（拉伸容器div）并给容器div一个宽度。我认为你的导航和内容是浮动的？

Answer 2

你#outer div容器应具有以下的CSS：

#outer { 
    width: 1160px; 
    position: relative; 
    overflow: hidden; 
} 

你#aside和#primary被浮置具有固定宽度，但它们的容器#outer具有100％的宽度，这意味着宽度变化。因此，当浏览器窗口宽度更改为小于#aside和#primary宽度的值时，#primary会降至#aside div以下。