我正在制作一个导航栏,它看起来和我想要的完全一样,除非浏览器窗口比我的页面包装器小。
我希望导航栏的背景颜色填充窗口(即宽度:100%;)所以这个 div 在页面包装之外。然而,导航栏上的链接位于包装器内,因为页面设计是居中的。因此,当窗口小于 wrapper 时,导航栏的 bkgd 仅延伸到窗口的边缘,但当您向右滚动查看其余内容时,导航栏的背景颜色将结束。
请看我的小提琴:如果您的结果窗口小于 900 像素,则导航栏上的黑色背景会在您水平滚动后消失:
http://jsfiddle.net/jjalbert/Hp7X9/2/
很抱歉对一个简单的问题进行了冗长的解释!