2024年5月9日发(作者：)
HTML CSS（DIV最大宽度和最小宽度）
(2010-02-05 15:29:33)
转载
标签：
it
在制作网页中，我们经常会碰到min/max-width,min/max-height在IE6底下是
无效的，这也是web设计师最头疼的问题之一，以下的方法可以解决这些难题，
并且比较简约。当然，如果你还有更好的方法，希望能在主页留言给我：
firfox,safari,opera浏览器下均支持，最宽值为250px
读这个属性，还好IE它支持自己javascript的属性表达,例如：
div{width:expression_r(250+"px")} 和 div{widt:250px}在IE 的认
读中都是一致的！但如果有的用户在浏览器中禁用javascript，这个写法就失
败了。所以，需要换一种方法：
#mycss {
width:100%;
max-width:500px;
width:expression_r(Width > 500? "500px":
"auto" ); }
或是：
#mycss {
max-width: 33em;
width: expression_r(Width > (500/12)
* parseInt(ze) ? "33em" :
"auto" );
}
我们设置了容器mycss的宽度为：width:100%; 其实这是一句废话，因为
DIV是块元素，默认的宽度就是父级元素的宽度。此例中div宽度，若不进行声
明则等同于body的宽度。
我们设置容器的max-width为500px。这对于FF来说是有效的。而对于IE
则没有作用。
面对没有效果的IE，我们应用expression_r嵌入脚本，声明了当宽度大于
500px的时候，宽度就等于500px。
parseInt(ze)?"33em":"auto" 如果
这个实际宽度大于 (500/12）当前字体的尺寸，则设置页面的宽度为 33em。
同样，对于最小的宽度，和ax/min-hight，也是一样的：
最小：
#mycss {
min-width: 333px;
width: expression_r( Width < 334 ? "333px" :
"auto" );
}
最大高度：
#mycss {
max-height: 333px;
height: expression_r( Height > 332 ? "333px" : "auto" )
}
最小高度：
#mycss {
min-height: 333px;
height: expression_r( Height < 334 ? "333px" : "auto" );
}
另外还有一种简单的方法：
#a {height:auto !important; min-height:400px;}
这个样式可以在IE5.5，IE6，IE7以及FF，Safari等浏览器下的解决最小高
度问题，最大高度就没有实践过了，呵呵。
用css样式控制超链接颜色显示
很多人在网页上实现不同链接有不同的颜色上不知如何处理，如果改a的属性，好像所有的链接的颜色都
改了。
事实上，采用css样式实现这个效果比较简单。
先看一下常用设置：
a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
发布评论