我正在制作如下图所示的导航。
整个导航是浏览器窗口的宽度,但元素以设计为中心。
我已经有一段时间没有使用任何代码了,而且很难将它们组合在一起。我应该使用 body 图像水平重复,然后将我的列表放在需要的位置吗?或者我应该使用 div 来跨越浏览器窗口的整个宽度并将列表元素定位在它们需要的位置吗?
谢谢
最佳答案
我会使用具有简单背景色的容器并将菜单放在其中。
我会为您举一个简单的例子。
更新
这是我刚刚整理的一个简单示例:http://jsfiddle.net/aQTRF/
或者,如果您需要黑色菜单栏延伸到导航容器之外,将栏添加为重复正文背景的一部分(如您所述)可能更容易,然后将导航栏放在顶部.与主内容区域之外相比,这还可以让您的菜单栏阴影略有不同。
关于html - CSS 水平导航、IMG 还是 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6508575/