网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
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浮动元素外层容器高度为0(无高度)的解决方法
下一篇:div style常用属性介绍及使用示例