htmlcss代码要怎么设置才能在浏览器窗口变小的时候先缩小页面的空白部分,最后才缩小内容?

html-css025

htmlcss代码要怎么设置才能在浏览器窗口变小的时候先缩小页面的空白部分,最后才缩小内容?,第1张

一般会给body设定一个显示内容的宽度类似

body{

width:980px

}

然后你给他设定外边距自动就行

body{

width:980px

margin:auto

}

这样在你改变浏览器窗口的时候就会先减少自动的外边距的

这种问题的原因是:当浏览器窗口缩小到小于内层div时,实际内层div元素的宽度大于浏览器宽度,因而被撑开了。

解决办法:为最外层div加上width:expression(document.body.clientWidth <= 1000? "1000px": "auto")min-width:1000px因为ie6不支持min、max 所以加上width:expression(document.body.clientWidth <= 1000? "1000px": "auto")