我正在做一些响应式CSS,我想要这样的东西:
<body>
<nav>
<ul>
<li>Asd</li>
<li>sdf</li>
</ul>
</nav>
<table>
(Some wide table goes here)
</table>
我将导航栏定义为页面顶部的横条(=水平横条)。如果屏幕较小(桌子太大),则会显示水平滚动条。
我的问题是,当我水平滚动时,导航栏会向左移动,并在右侧留下空白。我只是希望它可见,以保持酒吧的印象。有什么想法怎么做?
[我知道,其中之一将被position:fixed固定,因此导航保持不变,但这也意味着即使使用verticall滚动,导航也将被固定,这是我不希望的。
我只是希望它可以像整个页面一样宽(而不是像屏幕一样宽),同时还可以垂直滚动。 (如果水平滚动发生时导航内容是否也滚动,或者导航内容只是被滚动并且只有导航背景(和导航边框等),对我来说都没有关系)
编辑:http://imageshack.us/photo/my-images/39/201302202145541024x600s.png/
使用CSS时,position:absolute; left:0;
(在页面滚动时阻止其从Web屏幕的左侧移开。)
不确定我是否完全了解您,但是我认为解决您的问题的方法是使用CSS设置overflow: hidden
参数。