满意答案
k414575877
.01.15
采纳率：56%等级：9
已帮助：264人
HTML:
首页我的主页他的主页你的主页
CSS:
ul{ list-style:none; padding:0; margin:0}
body{ padding:0; border:0; margin:0}
.nav{ width:100%; height:50px; background:#F00}
.nav_con{ width:1200px; height:50px; margin:auto}
.nav_con ul li{ float:left; padding:0 15px; text-align:center; height:50px; line-height:50px; color:#FFF; background:#960; margin-right:1px}追问： 将你的这个代码，放到网页上测试了下，当页面放大到135%时右侧开始出现空白区域，继续放大，空白区域越大，我的浏览器是360安全浏览器，和我的代码存在相同问题啊！有没有解决办法？
追答：大哥，因为你规定了你中间div的宽度为1200啊，当你的浏览器宽度放大超过1200px的时候，外围的div显示还是当前宽度的100%，而里面固定宽的就不是了，它是根据浏览器放大而放大的，当超过1200的时候，它占据的宽度就会超过浏览器，所以你才会看到有空白，除非你给里面div设置为百分比就行了，比如60%，你再放大就会没有空白了
刚给你测试了下，如果你继续相这样的话，那就给外围div和里面的div加一个相同的背景，这样放大后里面超出部分就会覆盖外围的了，然后看起来就没有问题了，不过谁会去放大显示着来看啊
00分享举报
