html怎么整体放大,html页面放大时不能铺满整个页面问题

满意答案

k414575877

2017.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分享举报