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以下。