DIV+CSS在不同浏览器中的表现
实验一、如果一个div没有指定border属性那么这个div在浏览器中会不会出现边框呢?
结果:IE7:不会。Firefox:不会。
实验二、如果一个div只指定了border属性的粗细值,那么这个div在浏览器中会不会现边框呢?
结果:IE7:不会。Firefox:不会。
实验三、如果一个div指定了border属性的粗细值,并且也指定了border属性的颜色值,那么这个div在浏览器中会不会出现边框呢?
结果:IE7:不会 Firefox:不会。
实验四、如果一个div只指定了border属性的粗细值,和样式那么这个div在浏览器中会不会出现边框呢?
结果:IE7:会,默认颜色为黑色Firefox:会,默认颜色为黑色。
实验五、如果一个div只指定了border属性的样式,那么这个div在浏览器中会不会出现边框呢?
结果:IE7:会,默认颜色为黑色 Firefox: 会,默认颜色为黑色。
实验六、如果一个div没有指定宽度和高度,那么这个div在浏览器中会是什么形状?
结果:IE7:宽度为100%,高度为0 ;Firefox:宽度为100%,高度为0。
实验七、如果一个div指定了宽度,没有指定高度,那么这个div在浏览器中会是什么形状?
结果:IE7:有一定的高度;Firefox:高度为0;
实验八、两个父子关系的div父:#father 子:#son 。CSS代码如下:
#father{
border:solid red 1px;
height:300px;
width:100px;
}
#son
{
border:1px black solid;
margin-right:100px;
width:100%;
}
那么在浏览器中father的实际宽度是多少呢?
结果:IE7:宽度为100px; Firefox:宽度为100px;
实验九、如果一个div未指定其在页面中的对齐方式,那么它在页面中的位置怎样?
结果:IE7:左对齐;Firefox:左对齐。
实验十、两个父子关系div,#father,#son 如果在father中指定text-align=center那么son在浏览器的位置怎样?
结果:IE7:相对father居中对齐;Firefox:相对father左对齐。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。