经常用来修饰元素尺寸的属性有:
width
height
min-width
max-width
min-height
max-height
但是使用起来,也会存在一定的浏览器兼容问题。
-
测试width、height
div{
width:200px;
height: 200px;
color: #008000; //目的是为了突出效果
border: 1px solid red;//目的是为了突出效果
}
对比
右面的小方框是css定义的width:200px;
效果,但是在IE6及其以前版本的浏览器中,由于内容的扩大,而自动扩大了height值。 -
测试min-、max-
依旧是IE6及其以前不支持。
网友评论