div+css的布局相比table布局简化了前端开发的复杂性,也会带来一些问题,现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法,给页面设置最小宽度:
只需更改全局css样式表
[css] view plaincopyprint?
- body
- {
- /* 加入一下两行 */
- min-width: 1140px;
- width: expression((documentElement.clientWidth > 1140) ? "1140px" : "auto" );
- }
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的使用,网上有详细的资料,不再赘述。
时间: 2024-10-27 06:26:29