仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 787|回复: 7
打印 上一主题 下一主题

[DIV+CSS] CSS教程之CSS实例代码:把持网页宽度和高度的CSS实例代码

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:49:40 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
破洛洛文章简介:CSS中把持页面最年夜最小宽度和高度(兼容IE6版本)。
/*最小宽度*/
.min_width{min-width:300px;
/*setsmax-widthforIE*/
_width:expression(document.body.clientWidth<300?"300px":"auto");
}
/*最年夜宽度*/
.max_width{
max-width:600px;
/*setsmax-widthforIE*/
_width:expression(document.body.clientWidth>600?"600px":"auto");
}
/*最小高度*/
.min_height{
min-height:200px;
/*setsmin-heightforIE*/
_height:expression(this.scrollHeight<200?"200px":"auto");
}
/*最年夜高度*/
.max_height{
max-height:400px;
/*setsmax-heightforIE*/
_height:expression(this.scrollHeight>400?"400px":"auto");
}
/*最年夜最小宽度*/
.min_and_max_width{
min-width:300px;
max-width:600px;
/*setsmin-width&max-widthforIE*/
_width:expression(
document.body.clientWidth<300?"300px":
(document.body.clientWidth>600?"600px":"auto")
);
}
/*最年夜最小高度*/
.min_and_max_height{
min-height:200px;
max-height:400px;
/*setsmin-height&max-heightforIE*/
_height:expression(
this.scrollHeight<200?"200px":
(this.scrollHeight>400?"400px":"auto")
);
}
</p>
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-18 10:16

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表