写DIV CSS时容易犯下的常见错误

写DIV CSS时容易犯下的常见错误

日期:2021年8月5日 下午9:03 分类:HTML5前端

1、检查HTML元素是否有拼写错误、是否忘记结束标记

 

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

 

2、检查CSS是否正确

 

检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

 

3、确定错误发生的位置

 

如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。

 

4、利用border属性确定出错元素的布局特性

 

使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。

 

5、float元素的父元素不能指定clear属性

 

MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路。

 

6、float元素务必指定width属性

很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。

 

另外指定元素时尽量使用em而不是px做单位。

 

7、float元素不能指定margin和padding等属性

 

IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。

 

8、float元素的宽度之和要小于100%

 

如果float元素的宽度之和正好是100%,某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。

 

9、是否重设了默认的样式?

 

某些属性如margin、padding等,不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。

 

10、是否忘记了写DTD?

 

如果无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头是不是忘了写下面这行DTD:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


为您推荐


amd_xata.sys法验证此文件数字签名进不了系统

amd_xata.sys法验证此文件数字签名进不了系统   这个错误发生成win7还原系统后造成的,我们重启进入安全模式后,禁用驱动模式进入系统,重新更新下驱动可解决!

127.0.0.1本地调试网站被QQ浏览器拦截显示 腾讯网址安全中心提醒您不安全

127.0.0.1本地调试网站被QQ浏览器拦截显示 腾讯网址安全中心提醒您不安全,然后无法访问网页内容,只有个安全上网和我要申诉! 这里先说明下这个问题造成的原因: 那是因为我们网上下载的源码带有恶意链接或者是病毒等,在本地IIS或者是phpstudy等环境下调试的时候,用了QQ浏览器来访问,这就诱发了QQ浏览器的云安全检测……

密码保护:荔枝fm音频下载保存方法

https://www.lizhi.fm/user/4415808   打开荔枝PC网站,随便点个用户,得到user后面的用户号   https://m.lizhi.fm/vod/194975789/2897313184336602630?u=5202782013552003116&platformid=wechat   手机分享出来的地址   u=5202782013552003116   这个就是用户号,替换到PC的user便可访问抓包

您的电脑/设备需要修复,未连接或无法访问所需设备,错误代码0xc000

开机按Esc或者其他什么键进入BIOS   再进入到boot   选择Add New Boot Option   进入到这个界面   在Add boot option随便起一个名字 在Path for boot option选择系统所在的盘   如果不知道哪个是C盘,就一个个打开试   如果出现以下菜单   说明选择对了   选择Windows/System32/……

windows无法连接到打印机 错误0x0000011b win10bug再现?

2021年9月17日开始发现win10系统的电脑局域网共享打印机报错,错误代码都是windows无法连接到打印机 错误0x0000011b。   之前我们知道这个错误是出现在微软kb500系列更新补丁中,但是这一次经我亲身体验,发现没有更新到KB500系列补丁的也遭遇了这个问题。   且我昨天还尝试了直接将电脑系统重装成windows 20h2……

华硕笔记本开机提示CPU Over Temperature Error解决方法 适用于华硕主板

华硕主板出现cpu over temperature error 提示不是说的cpu温度过高,而是说设置的cpu报警温度过低,假设设置成40度的话,那基本上一开机就会报警。 可以通过BIOS设置报警温度: 1、进入BIOS后,在左边一列找PC health,重点是health这个词; 2、在health中找到:cpu warning temp control cpu报警温度; 3、对这个温度进……

版权声明:

fm0898.com小部分文章引用或者参考了网络上传播的部分开源开放代码,我站采用的这部分代码仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请 联系我们并出示版权证明以便删除 !