在线咨询
微博
网吧论坛
搜索
2022网吧解封最新消息
游戏预警
APP下载
开网吧
开网咖
开电竞酒店
网吧转让
网吧供求
关注公众号
网吧联盟论坛
网吧系统
┊
网吧经营
┊
网吧无盘
网维干货
┊
电竞酒店
┊
网咖转型
网吧论坛
┊
服务器
┊
网吧专题
首 页
网吧网咖
天下网咖
网吧无盘
网吧技术
网吧经营
电竞酒店
网吧方案
网吧路由
网吧系统
网吧图库
系统开号
搜索
天下网吧小程序
网吧特权、加速器服务
网吧系统账号开号
电竞酒店系统安装维护
本日游戏更新信息
网吧政策
网吧管理
网吧经营
网吧热点
网吧配机
网吧装修
网吧转让
网吧业界
网吧游戏
技术论坛
网吧系统
无盘技术
软件技术
硬件技术
网络技术
网吧路由
网吧安全
网吧故障
网吧计费
技术论坛
无盘教程
无盘优化
无盘工具
无盘配机
无盘故障
无盘技术
无盘经验
无盘施工秀
无盘品牌
无盘网吧
无盘下载
企业无盘
配机方案
网络方案
软件方案
整体方案
游戏管理
无盘方案
方案分析
故障方案
方案实例
无线方案
企业方案
安全方案
装修方案
综合体
网吧政策
网吧经营
网吧展示
网吧装修
网吧配机
产品评测
产品导购
最新动态
配机展示
网咖经营
网咖欣赏
网咖装修
网咖微信营销
网咖动态
网咖配机
网咖转型
网咖水吧
网咖VR
电竞网咖
网咖桌椅
网咖家具
网吧路由教程
网吧路由下载
网吧路由脚本
网吧路由工具
网吧路由故障
网吧路由经验
网吧路由品牌
网吧路由施工
网吧加速器
网吧路由论坛
电竞酒店系统
电竞酒店配置
电竞酒店管理
开电竞酒店
天下电竞
电竞酒店装修
电竞酒店网络
系统教程
系统介绍
系统资讯
系统优化
桌面系统
系统展示
游戏系统
系统下载
系统动态
网吧键鼠
推荐网吧图
系统桌面图
网吧机器图
网吧环境设施
网吧软件图
网吧装修图
网吧壁纸
综合体
网吧硬件
网咖、电竞酒店
正版云更新开号
马蹄更新
网维大师
易乐游
信佑
锐起
网众
其他系统
网吧论坛
天下网吧
>>
网吧天地
>>
网吧技术
>>
网吧软件
>> 正文
你快速定位到复杂的CSS BUG问题
2009-4-13
网页教学网
planabc
【
大
中
小
】
相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” 也并非指一定是浏览器的 BUG 。对于此类问题,我们首先要解决的是如何定位到问题,只有快速的定位到问题,才能更好的解决问题。
对于快速定位,个人的经验处理一般如下(基本可以定位到我在 淘宝 遇到的 90% 以上的复杂 CSS BUG 问题):
1、检查页面的标签是否闭合
不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。
快捷提示:可以用 Dreamweaver 打开文件检查,一般没有闭合的标签,会黄色背景高亮。
2、样式排除法
有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
3、模块确认法
有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块。
4、检查是否清除浮动
其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的,推荐使用 无额外 HTML 标签的清除浮动的方法(尽量避免使用 overflow:hidden;zoom:1 的类似方法来清除浮动,会有太多的限制性)。
5、检查 IE 下是否触发 haslayout
很多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 对于处理复杂的 CSS BUG 会事半功倍。
快捷提示:如果触发了 haslayout,IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。
6、边框背景调试法
故名思议就是给元素设置显眼的边框或者背景(一般黑色或红色),进行调试。此方法是最常用的调试 CSS BUG 的方法之一,对于复杂 BUG 依旧适用。经济实惠还环保^^
最后想给大家强调一点的是,养成良好的书写习惯,减少额外标签,尽量语义,符合标准,其实可以为我们减少很多额外的复杂 CSS BUG,更多的时候其实是我们自己给自己制造了麻烦。希望大家远离 BUG ,生活越来越美好。
本文来源:
网页教学网
作者:
planabc
上一篇文章:
软能够帮助Linux的十个方面
下一篇文章:
hotoshop将照片变清晰的另类方法
相关文章
利用搜狗输入法的「自定义短语」功能快速输入高频短语
简单几步在win10系统快速释放磁盘空间
简单几步快速在win8电脑设置网络SSID
命令查询法快速查询对方的IP地址
简单几步快速在pc下载安装星际争霸2
深度网吧xp系统SP3快速装机版下载
嘟嘟牛网吧计费快速扣费模式的使用说明
简单几步快速在win7系统打开dmg文件
快吧使用教程之有盘网吧服务端快速安装教程
简单几步快速查看Win10系统受损文件
聚合推荐
2022年网吧恢复营业时间
网吧卫生
网吧电脑配置
开网吧
网吧键盘
网吧配置
网吧GHOST
ROS
网吧软件故障解决
网众无盘
网吧游戏菜单
网吧活动
网吧优化
网吧精品
网吧新手
声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。文章是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 Email:support@txwb.com,系统开号,技术支持,服务联系微信:
_WX_1_
本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下
推荐文章
顺网科技17周年庆:全面拥抱元宇宙,创见苍穹未来
2022的新帆飘扬,顺网科技迎来了属于自己的17周年生日。回望过去,我们全面拥抱元宇宙,创见苍穹未来;我们发挥先发、技术
网曝《永劫无间》网吧特权版将推出一大波网吧专属活动和礼盒和素
首发.永劫无间全新动态头像,更有特权网吧专属礼盒等海量好礼,上机游戏 ,即可免费兑换领取,2小时经验加成,全新游戏头像,
·
顺网科技17周年庆:全面拥抱元宇宙,创见苍穹未来
·
网曝《永劫无间》网吧特权版将推出一大波网吧专属活动和礼盒和素
·
网吧显卡、CPU装X工具及C#源码下载和分析
·
上海:网吧行业开放意愿强烈,除KTV外,「视情严而有序逐步开放」
·
新手去网吧玩啥?对新手友好的几个网吧好玩的游戏推荐
·
嘿,听说你会局域网测速?那你用过这么高大上的带实时曲线图的测
·
适合开网吧和开网咖的经营者制定的《网吧会员制度》,docx
·
6月26日晚起突然大规模爆发Q友群发/私发XX图、各种X博图片公告
·
惊现李鬼版WeGame登陆界面,网吧、电竞酒店赶紧来查看你家网吧中
·
网吧WeGame需要扫码登陆,这个群友是这么解决的
最新文章
网传WPS会删除本地文件,WPS官方微博回应:讹传
天下网吧消息,近日网传WPS会删除用户本地的文件,事件起因是因为微博博主名称为达夕多拉奇的用户称:「WPS似乎带了某种敏
多模机械雷柏V700-8A无人区多模式有线无线背光游戏机械键盘详解
近日,领军国产外设品牌,实力大厂上市企业Rapoo雷柏,推出了V700-8A无人区多模式有线无线背光游戏机械键盘。首款7
·
网传WPS会删除本地文件,WPS官方微博回应:讹传
·
顺网科技17周年庆:全面拥抱元宇宙,创见苍穹未来
·
永劫无间网吧特权申请官方图文教程
·
网曝《永劫无间》网吧特权版将推出一大波网吧专属活动和礼盒和素
·
华擎发布新款AMD平台主板X670E Pro RS,支持锐龙7000和PCIe5.0
·
网吧可以免费睡觉吗?老司机告诉你这么做不翻车,否则必赶走你
·
2022年7月11日全网最低显卡价格简报,3090Ti降价幅度高
·
常看就二手平台倒闭网吧的电脑,价格才2000多点,能买吗?
·
早啊,读懂天下时间——2022-07-11
·
上海近期立案查处一批违反疫情防控规定擅自经营场所,其中网吧一
本周热门
本月热门
阅读排行
·
网吧可以免费睡觉吗?老司机告诉你这么做不翻车,否则必赶走你
·
顺网科技17周年庆:全面拥抱元宇宙,创见苍穹未来
·
网曝《永劫无间》网吧特权版将推出一大波网吧专属活动和礼盒和素
·
上海:网吧行业开放意愿强烈,除KTV外,「视情严而有序逐步开放」
·
网传WPS会删除本地文件,WPS官方微博回应:讹传
·
多模机械雷柏V700-8A无人区多模式有线无线背光游戏机械键盘详解
·
永劫无间网吧特权申请官方图文教程
·
华擎发布新款AMD平台主板X670E Pro RS,支持锐龙7000和PCIe5.0
·
2022年7月11日全网最低显卡价格简报,3090Ti降价幅度高
·
2022年7月10日全网最低显卡价格简报,价格终于「背刺」了
·
避免第一次去网吧的尴尬,首次去网吧的基础知识科普
·
局域网性能测试工具txwb_iperf发布2.0 0628版本,网维人员比
·
嘿,听说你会局域网测速?那你用过这么高大上的带实时曲线图的测
·
网吧可以免费睡觉吗?老司机告诉你这么做不翻车,否则必赶走你
·
网咖会员等级怎么分类?看完《打造网吧特色会员制》doc你啥都会了
·
网吧顾客公认的吃鸡手感好、压枪好的鼠标排名,前三名真的nice!
·
适合开网吧和开网咖的经营者制定的《网吧会员制度》,docx
·
去网吧上网的通用流程,避免去网吧上网的尴尬
·
6月26日晚起突然大规模爆发Q友群发/私发XX图、各种X博图片公告
·
新手去网吧玩啥?对新手友好的几个网吧好玩的游戏推荐
·
网吧员工服务态度怎么抓上去,我网吧的员工都是面无表情的00后
·
网吧千兆低成本升级方案:2.5G到桌面
·
网吧和电竞酒店使用的系统教程和下载,网吧服务器教程
·
最近网吧老被盗号,分享一款工具可以有效防止盗号
·
英雄联盟进不去,卡「重新连接」界面,网吧网管是这么解决的
·
2022年开网吧服务器电脑配置方案三套
·
自从干了网吧,成了人下人了,见谁都低声下气,除了这种人。。
·
从23个习惯中可以看出你是不是老网管呢
·
带120台以上的大型网吧/电竞酒店游戏更新服务器配置
·
网吧的英雄联盟掉帧、卡顿,CF卡顿,他是这么解决的...
正在加载..