Question

DIV+CSS设计网页布局时，如何将菜单导航部分背景自适应屏幕宽度，而让导航内容居中？

Answer 1

这是由两个div来实现的，首先建立一个外层div并设置宽高，要使宽度随屏幕宽度变化(即浏览器宽度变化)，那么宽度就得设置100%，高度设置为你需要的高度即可，具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性，就是你导航的宽高，要使之居中，各人使用的方法也有所不同，但是常用的还是margin属性，具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了，如果背景是图片的话就更改background属性即可，还有不明白的随时Hi我。

Answer 2

你可以使用z-index和javascript。在这个导航之上增加一个div，在div里设置一张图片，然后让这个div比你这个导航的层次低，这样就成为背景了。至于自适应宽度，就只能借助javascript检验浏览器的屏幕大小来改变图片的大小来起作用了。传统了想靠css+div来解决好像不怎么可能。

Answer 3

分两部分，一部分是不限宽的背景层，这一层只要设置高度和背景就行，另一层再刚才那一层上面，设置高度和宽度，高度可以与第一个层一样，宽度要用定宽，比如1000个像素，这个层就是菜单的容器层，然后给这个层加个样式style="margin:0 auto",这样就行了，试试吧