CSS:
ul{ list-style:none; padding:0; margin:0}
body
.nav
.nav_con
.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加一个相同的背景,这样放大后里面超出部分就会覆盖外围的了,然后看起来就没有问题了,不过谁会去放大显示着来看啊
如果不设置为固定的会出现元素塌陷问题
但是设置为固定的到了一定大后会留白
解决方法:动态改变网页里面wrap的宽度
但是怎么做到呢?