DIV+CSS在不同浏览器中的表现

news/2024/7/21 7:28:13 标签: css, ie7, firefox, 浏览器

在给员工培训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左对齐。

http://www.niftyadmin.cn/n/837267.html

相关文章

ESB雏形 -- 项目企业服务总线初始

今天要厚着脸皮给大家推荐一个自己做的通信中间件——ServiceAnt,目前已经在我们团队的两个产品线上投入了使用。 ServiceAnt是什么 它最初的定位是ESB(企业服务总线),但目前还没有达到这个高度,主要是还是没有提供分布式的实现,有…

简易页面刷新器

①复制以下代码&#xff1a; <html> <head><meta http-equiv"refresh" content"5"></head> <frameset> <frame src"http://www.baidu.com" name"iframe"> </frameset> </html> 注意&…

SQL Server Management Studio无法记住密码

用sa账户登录sql server 2008&#xff0c;勾选了“记住密码”&#xff0c;但重新登录时&#xff0c;SQL Server Management Studio无法记住密码。后来发现&#xff0c;在重新登录时&#xff0c;登录名显示的并非是sa账户&#xff0c;而是其他账户。点击下拉框&#xff0c;发现记…

XML概述

&#xfeff;&#xfeff;早在两年前就已经听说XML&#xff0c;但是一只没有时间去研究它&#xff0c;也一直不知道它的作用&#xff0c;最近几天花了些时间去学习这们语言。以下是XML的一些简单介绍希望能对各位同学有所帮助&#xff1a;XML是eXtensible Markup Language的缩写…

【实战】用 express+MongoDB 搭建一个完整的前端项目

前言&#xff1a;要做一个全沾的工程师&#xff0c;对于后端和数据库来说&#xff0c;即使不认识也要见个面的。本文给的例子很简单&#xff0c;也贴出来源码&#xff0c;只要一步步下来&#xff0c;就可以跑起来啦~~~思考一个需求&#xff1a;做一个登录页面&#xff0c;自己搭…

一项很有生命力的技术(Ajax)

Ajax(Asynchronous JavaScript and XML&#xff0c;异步JavaScript和XML)是目前很新的一项网络应用技术。确切的说&#xff0c;Ajax不是一项技术&#xff0c;它是一组技术的集合&#xff0c;它能使浏览器为用户提供更为自然的浏览体验&#xff0c;就像在使用桌面应用程序一样。…

Plaid.com的监控系统如何实现与9600多家金融机构的集成

金融技术企业Plaid.com已实现与9600多家金融机构的集成&#xff0c;从这些机构获取并处理数据供企业后期使用。由于集成的异构本质以及所集成机构的数量&#xff0c;并且同一度量在不同的集成可能会有不同的解释&#xff0c;需要报警的度量也不同&#xff0c;所以实现监控集成是…

营销型网站对网站所提供的优化方案包括哪些?

1、网站栏目及内容优化 2、网站结构及布局优化 3、搜索引擎收录优化 4、搜索引擎点击率优化