傳播NAV橫跨整個頁面欄

我做了一些響應CSS，我想有這樣的事情：傳播NAV橫跨整個頁面欄

<body> 
<nav> 
<ul> 
<li>Asd</li> 
<li>sdf</li> 
</ul> 
</nav> 
<table> 
(Some wide table goes here) 
</table>

我所定義的資產淨值爲頁面的頂部顯示條（=單槓）。對於小屏幕（當桌子太大時），會出現水平滾動條。

我的問題是，當我滾動horizontaly時，導航欄會左移並在右側留下空白。我只是想讓它看得見，以保持酒吧的印象。有什麼想法如何做到這一點？

我知道，他們中的一個會是position：fixed，所以nav保持固定，但這也意味着即使使用verticall滾動，nav也將被固定，這是我不想要的。

我只希望它與整個頁面一樣寬（不僅與屏幕一樣寬），而且還可以垂直滾動。（當水平滾動發生時，如果導航內容滾動，或者導航內容剛剛滾動並且只有導航背景（和導航邊框等等），對我來說無關緊要）

編輯：http://imageshack.us/photo/my-images/39/201302202145541024x600s.png/

來源

2013-02-20 user1080431

如果表中的值的實際表，或者它被用於佈局的目的？你總是可以用overflow-x：scroll將它包裝在DIV中。 – 2013-02-20 20:27:10

這是一個時間表 – user1080431 2013-02-20 20:44:18

與CSS，position:absolute; left:0;（從網絡的屏幕時，頁面滾動的左側移開停止。）

來源

2013-02-20 20:28:07

對不起，但你可能誤解了我。我不介意導航移動，我的問題是，它不適合所有的可用空間（它只是一個屏幕寬，我需要它在整個頁面上（例如，兩，三，千屏幕，取決於其他內容的寬度）） – user1080431 2013-02-20 20:56:03

Ohhhh！我的壞，我會考慮到那個JavaScript。 – 2013-02-20 21:32:34

你在暗示什麼JS？我試圖做一整天，但仍然有一些錯誤，當調整頁面的大小時，我實際上設法做了一個腳本，將'paddingRight'添加到nav，因此它填充整個'document.body.scrollWidth'，但我在調整頁面大小時遇到了問題，因爲填充過大（這會導致頁面實際上比所需的大，並且顯示不需要的水平滾動條） – user1080431 2013-02-21 13:10:26

傳播NAV橫跨整個頁面欄

回答

相關問題