html - CSS 水平导航、IMG 还是 DIV?

标签 html css html-lists nav

我正在制作如下图所示的导航。 enter image description here

整个导航是浏览器窗口的宽度,但元素以设计为中心。

我已经有一段时间没有使用任何代码了,而且很难将它们组合在一起。我应该使用 body 图像水平重复,然后将我的列表放在需要的位置吗?或者我应该使用 div 来跨越浏览器窗口的整个宽度并将列表元素定位在它们需要的位置吗?

谢谢

最佳答案

我会使用具有简单背景色的容器并将菜单放在其中。

我会为您举一个简单的例子。

更新

这是我刚刚整理的一个简单示例:http://jsfiddle.net/aQTRF/

或者,如果您需要黑色菜单栏延伸到导航容器之外,将栏添加为重复正文背景的一部分(如您所述)可能更容易,然后将导航栏放在顶部.与主内容区域之外相比,这还可以让您的菜单栏阴影略有不同。

关于html - CSS 水平导航、IMG 还是 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6508575/

相关文章:

html - Bootstrap 如何排除某些元素的样式

jquery - 语义用户界面 : Tabular Not Working

jquery - 检查 2 个无序列表的图像并将新图像添加到旧列表中

html - 是否可以为有序列表指定起始编号?

HTML/CSS 基本布局问题

css - IE 中的 jQuery 工具提示定位问题

html - 仅在 Bootstrap “导航栏菜单”上居中特定文本/按钮

html - 为什么 CSS 链接表现得很奇怪?

html - 哪个方向更适合对多列列表进行排序?

android - 不同设备上的页面不同