CSS中使用expression完美设置页面最小宽度(兼容ie)
发布时间：2013-08-01 23:17:29作者：知识屋
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的使用，网上有详细的资料，不再赘述。
只需更改全局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的使用，网上有详细的资料，不再赘述。
（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
相关知识
软件推荐
更多 >
-
1
英文强制换行css 使用css强制英文单词断行代码2013-02-18
-
2
CSS中marker-offset的使用方法
-
3
IE6-8 filter双重滤镜bug的相关详解！
-
4
css3中如何让多余的字符串消失并附加省略号的方法
-
5
CSS实现段落首行缩进的代码
-
6
CSS中使用expression完美设置页面最小宽度(兼容ie)
-
7
[前端笔记] border:none;与border:0;的区别
-
8
用css实现透视效果
-
9
css教程之绝对定位使用详解
-
10
CSS实现背景图片不规则的导航菜单
