Question

div+css宽度自适应的问题，比如：现在有个div，当浏览器窗口大于1024px时，div的宽度是100%；

当窗口小于1024px时，div的宽度就是1024px，此时浏览器出现滚动条。如果不用脚本判断窗口宽度然后改变css，css应该怎么写？没分了...

Answer 1

具体做法是这样的，给元素加上这个样式。
{
min-width:1204px; /*这个属性对IE7以上有效*/

_width:1024px;/*这个hack只对IE6有效*/

zoom:1;/*这个是为了触发元素在IE6中的haslayout属性*/

}

原理是IE6中haslayout属性被触发的元素，如果子元素宽度超过父元素，则父元素会该改变宽度来适应子元素，即模拟了min-width属性。

Answer 2

可以试试样式 min-width:1024px; 但老版本的浏览器可能不支持,比如IE6.

追问

谢谢各位知友的回答！
大哥，你说对了，ie6果然不支持min-width！但需求还是要支持ie6的，咋办啊

追答

试试将div设width:100%;然后在里面放一个或透明或占位的元素设width:1024px;这样可保证外面的div至少是1024宽.

Answer 3

加个min-width:1024就好了！

Answer 4

min-width:1024px;overflow:hidden;

Answer 5

min-width:1024