DIV+CSS常见错误汇总
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 Webjx.Com
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属性 Webjx.Com
很多浏览器在显示未指定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"〉
转载于:https://blog.51cto.com/156526/585292
DIV+CSS常见错误汇总相关推荐
- 转载div+css布局教程之div+css常见布局结构定义
在使用div+css布局时,首先应该根据网页内容进行结构设计,仔细分析和规划你的页面结构,你可能得到类似这样的几块: 页面层容器.页面头部.标志和站点名称.站点导航(主菜单).主页面内容.子菜单.搜索 ...
- 大数据引擎启动时常见错误汇总
1.端口号被占用(java.net.BindException) 不论是Flink,还是Kafka,Zk,hadoop之类的,正常启动,jps进程却未显示错误,先查看启动日志.例如: 端口号被占用的错 ...
- Python 运行时常见错误汇总
对于刚入门的Python新手,在学习过程中运行代码是或多或少会遇到一些错误,刚开始可能看起来比较费劲.随着代码量的积累,熟能生巧当遇到一些运行时错误时能够很快的定位问题原题.下面整理了常见的17个错误 ...
- Python新手常见错误汇总|附代码检查清单
写代码,出错在所难免,关键是如何快速定位错误,解决bug.错误提示,有时候并不能提供有效信息,尤其是编程新手,常常会犯一些低级错误,比如缩进不对,引号缺失,括号不全等,下面是新手常犯的一些代码错误,希 ...
- python写错了怎么撤回_python新手常见错误汇总
对于新手,初学Python时,总会遇到这样那样的报错,想要弄懂Python错误信息的含义可能还不知道怎么做,这里列出了一些比较常见的Python报错问题,希望对于学习Python的人能够有些帮助. 1 ...
- hibernate常见错误汇总
请尊重别人的劳动成果,转载请指明:http://blog.csdn.net/tianyazaiheruan 1. 插入失败,某一字段没有默认值:insert fail:filed depid does ...
- u8 api开发报类型不匹配错误_小程序云开发入门学习,小程序支付功能常见错误汇总及解决方案...
近期有比较多的同学反映,使用云开发调取微信支付时,老是提示订单不存在.今天就把这几天大家遇到的问题统一汇总到这里. 一,订单不存在的错误 如下图所示的错误. 通常看到这个错误时,最好去看下上面看下,有 ...
- JBPM4常见错误汇总
1.在tomcat6.0下布署错误 基于JBPM4的web项目jsp页面发布出错 现象: javax.servlet.ServletException: java.lang.LinkageErr ...
- vue常见错误汇总(自看)
解决办法汇总 eslint: Expected indentation of 2 spaces but found 4 缩进报错 ,所有缩进只能用两个空格 Newline required at en ...
最新文章
- 保护眼睛设置.txt
- 高老师的架构设计_隽语集(CC_1201)
- java temporalfield_Java Year isSupported(TemporalField)用法及代码示例
- 腾讯无边界网络 致胜企业安全新战场
- QStyleOptionGraphicsItem实现自绘按钮悬浮按下状态
- 【POJ3784】Running Median(中位数,对顶堆)
- spring中bean的自动装配(详细)
- 使用struts框架的简单jsp登录页面
- 冒险岛手游服务器维护界面,冒险岛手游10月28日全平台更新维护公告
- python list 元素位置_python定位列表元素
- gogo protobuf
- LSD计算机控制人体大脑,科学家发现了LSD对大脑的影响
- 算法应该怎么“玩”?
- MySQL数据库引擎及区别
- 基于c++的学生档案管理系统
- html5调取web端摄像头,JavaScript-web前端如何调用本地摄像头进行拍照?
- 把仙剑奇侠传5的音乐从pkg里请出来变成mp3吧
- 【JavaScript】手机验证码倒计时
- 说话做事要有结构性思维
- win7html默认打开方式,Win7系统如何设置打开文件默认程序
热门文章
- Android运行时权限,设置帮助类BaseActivity;电话权限,短信权限,
- frameset ,iframe的使用
- Git:clone时报错403
- 并发运行linux,linux | 并发编程网 – ifeve.com
- PCL之Ubuntu16.04下编译libfreenect2和PCL以支持KinectV2点云处理
- 运行中的linux备份系统盘,怎样使用ghost对linux进行系统备份?
- python 立体匹配_手写双目立体匹配 SGM 算法(下)
- 取余运算怎么算_3 数学运算 矩阵操作
- 一个近乎完美基于Dubbo的微服务改造实践
- [BZOJ1934][Shoi2007]Vote 善意的投票[最小割]