CSS中使用expression完美设置页面最小宽度(兼容ie)

前端  /  管理员 发布于 7年前   267

div+css的布局相比table布局简化了前端开发的复杂性，也会带来一些问题，现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法，给页面设置最小宽度：

只需更改全局css样式表

复制代码代码如下:
body
{
/* 加入一下两行 */
min-width: 1140px;
width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto" );
}

第一行，min-width最小宽度
第二行，CSS中使用expression有ie才能识别。IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，效果相当于min-width，即实现了兼容ie。
注意：1140宽度参数根据实际需要设置。

关于expression的使用，网上有详细的资料，不再赘述。