DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1681字，纯文字阅读大概需要3分钟。

内容图文

?? 在给员工培训DIV+CSS的过程中，他们向我提出了很多问题，有些问题我自己也没有想到过于是抽了些时间自己进行了一番实验，全部实验在IE7和Firefox中进行：
实验一、如果一个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左对齐。

内容总结

以上是互联网集市为您收集整理的DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose全部内容，希望文章能够帮你解决DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---