写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">



点这里获得人工在线支持,快速解决电脑、网络和网站等问题!

为您推荐


ltsc版windows添加商店方法

我们知道ltsc版本的windows是没带商店的,经网友测试发现,这个版本实际是带商店的,只是被隐藏了,下面分享一下调出商店方法!   使用管理员身份运行CMD命令,然后输入wsreset -i   此方法通用于2019ltsc 和2021LTSC版本

lstc转换成win10 专业版方法

然后下载转换文件。   下载地址:百度网盘 提取码:gsp6   下载解压后,里面有x64和x86两个cab文件,根据你的系统是32位还是64位使用相应版本的文件。   在系统分区 C 盘根目录新建一个名为 Pro-LTSC 的文件夹,把相应的cab文件放到其中。   然后以管理员身份运行命令提示符,输入并回车运行以下命令……

电脑提示无法升级或者安装windows11的原因

健康检查工具的错误报告。   您的计算机上禁用了 TPM。   未启用安全启动。

win10怎么查看应用商店下载目录

1、在win10系统中打开“此电脑”并在这台电脑中选择“查看”选项   2、在“文件夹选项”窗口中选择“查看”选项卡,并在选择“显示隐藏的文件、文件夹和驱动器”选项,并确定   再次通过此电脑打开系统盘,并依次打开C:/Program Files/WindowsApps文件夹,你会发现windows Apps文件夹中的文件可以显示,我们也可以查看到……

电脑玩cf游戏提示cf file watcher错误解决方法

1、在电脑的右下角找到网络与共享中心,找到更改适配器     2、点开适配器,然后在自己所用的网络中点击鼠标右键点击属性,在出现的列表中点击Internet协议版本4     3、将自动获取DNS服务器地址更改为使用下面的DNS服务器地址即可。

Windows11无法保存打印机 设置错误0x000006d9

方法一:打印机疑难解答 1、首先,按键盘上的 Win + X 组合键,或右键点击任务栏底部的Windows徽标,在打开的隐藏菜单项中,选择【设置】; 2、Windows 设置窗口,左侧选择的是【系统】,右侧点击【疑难解答(建议的疑难解答、首选项和历史记录)】; 3、当前路径为:系统>疑难解答,点击选项下的【其他疑难解答】; 4……

版权声明:

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