| 推荐网页特效 |
 |
|
|
|
|
|
|
|
|
| 推荐网页工具 |
 |
|
|
|
|
|
|
|
|
|
|
| Internet Explorer 7 对CSS的兼容--Box Model Changes |
| 作者:forestgan 出处:forest53.com |
|
Box Model Changes
IE7开始支持CSS2.1定义的盒模型溢出.溢出是指设定宽度的父级元素里包含有超出父级宽度的元素,不管是块级元素,还是其他,都会将超出部分溢出,IE7以下版本是不支持的,它会将父元素的宽度自动调整。
Code
|
div {
width: 100px;
height: 100px;
border: thin solid #FF0000;
}
blockquote {
width: 125px;
height: 100px;
margin-top: 50px;
margin-left: 50px;
border: thin dashed #000000;
}
cite {
display: block;
text-align: right;
border: none;
}
p {
margin: 0;
}
<div>
<blockquote>
<p>some text long enough to make it interesting.</p>
<cite>- anonymous</cite>
</blockquote>
</div>
|
下面的图片是上面代码运行的结果。

|
|