新手关于CSS导航栏的问题,带图片和代码,求大神指导。

发布网友发布时间：2022-05-13 01:25

共2个回答

懂视网时间：2022-05-13 05:47

我有一个页面，左，右边各是一个用户控件，左边(导航栏)的ascx里面是一个Div，用的样式是position: fixed ，要实现的效果是无论页面滚动条怎么拖动，我的导航条仍固定在当前的这个位置，现今这个样式基本实现了我要的效果，但发现有一个bug，就是当我页面缩小的时候，往右边方向拖动滚动条，因为导航条的位置是固定的，这时页面内容便会和导航条“重叠"起来，各位大侠有没碰到过这种问题，敬请指教如何解决这个bug！

回复讨论(解决方案)

楼主的意思想让这个菜单控件始终在内容之上？

差不多，我主要是想，无论页面是上下还是左右拖动滚动条，左边的导航栏都始终固定在一个位置，而且滚动的时候页面内容不会被左边的导航栏遮住。。楼主的意思想让这个菜单控件始终在内容之上？

晕了，没人知道吗？

改变页面大小时触发

$(window).resize(function(){

});

是不是都没有人明白我的意思呢？

这个要找js jquery

http://www.cnblogs.com/regedit/archive/2008/03/11/1100170.html

热心网友时间：2022-05-13 02:55

　　这位网友你好，你的导航显示的是正确的。
　　首先你定义了背景颜色为红色，li里面的a标签设置了长度为104px，导航菜单一共六项，总共也就600多像素吧，是占不满整行的，多出来的部分当然就显示红色背景了。
　　你想要什么样的效果呢？追问就是想让它占满正行，跟页面宽度一样。

追答那你可以把a标签的长度设置为16.6%，背景颜色设置为跟a标签背景一样就可以了。