CSS BUG 隔离问题
上海SEO 网站制作 CSS BUG
接下来,需要尝试隔离问题。通过隔离问题和识别症状,有可能查明是什么导致了这个问题
并修复它。隔离问题的一种方法是在相关的元素上应用边框或轮廓,看看它们的反应:
#prom01{
float: left;
margin-right: 5px;
border: 1px solid red
)
#pxomo2{
float: left
border: 1px solid green;
我一般喜欢在代码中直接添加边框。可以使用Firefox开发人员工具条插件中的轮廓选项,
或者使用用来给不同元素加轮廓的许多bookmarklet之一。有时候,仅仅添加边框就会修复问题,
这往往说明存在空白边叠加问题。
尝试修改几个属性,看看它们是否影响bug,如果有影响,那么是以什么方式产生影响。尝
试使bug的效果扩大化可能是有帮助的。例如,如果两个框之间的间隙在IE中比你预期的要大,
那么加大空白边,看看会发生什么。如果框之间的间隙在IE中加倍了,那么可能是遇到了IE的
双空白边浮动bug.
#promo1{
float:left;
margin-right: 40px;
border: 1px solid red;
)
#promo2{
float: left;
border: 1px solid green;
}
尝试,一些常见的解决方案。例如,将position属性设置为relative、将display属性设置
为inline(在浮动元素上)或者设置宽度或高度等尺寸,就可以修复许多IE bug ,在本章后面,
你将了解这些常见的修复方法以及它们的工作原理。
可以轻松快速地找到和修复许多css问题。如果问题比较棘手,应该考虑创建一个基本测
试案例。
- Unique Post
您必须登录 后才能发表评论.