列表
序号名称描述
1水平居中使用margin:0 auto;无法居中块元素
2双外边距浮动bug使用float浮动容器,如果浮动容器具有margin值,则呈现margin-left值双倍情况
3绝对定位奇数宽高1px间距bug当绝对定位元素的父元素高或宽为奇数时,bottom和right会多出1px
4外边距叠加外边距叠加的算法
5内联元素marginIE中内联元素撑开容器
6清除内部浮动当子元素浮动且未知高度时,如何使父容器适应子元素的高度
7垂直列表间隔bug当li中出现2个或以上的浮动时,li之间产生的空白间隙的BUG
8li底部空白行li里面的a标签display:block;时,并未触发layout
9浮动元素3px间隔Bug发生在一个元素浮动,然后一个不浮动的元素自然上浮与之靠近会出现的3px的bug
10图片下方出现空白间隙当图片为其父容器的唯一子元素,且代码中标签之间有间隙,会在图片下方产生间隙
11无法设置微型高度IE6及更早浏览器默认高度为19px行高,高度无法设置为小于19px的值
12按钮留白随value增加button、input两边留白随value长度的增加而增加
13文本溢出BUG造成此BUG的原因可能是多重混合的
14!important规则在一些情况下浏览器忽略!important规则
15overflow失效IE7及更早浏览器下子元素相对定位时父元素overflow属性的auto|hidden失效
16完美遮罩层容器透明,内容不透明
17列表阶梯bugfloat列表元素不水平对齐
18z-index层次错误IE6中的绝对定位元素,z-index只与父容器的z-index进行比较
19盒模型(无声明)  盒模型(含声明)当没有DTD声明时,所有IE版本也会进入Quirks Mode
20IE透明滤镜兼容各版本IE的滤镜
21不支持png透明图片IE6中不支持png24的透明效果
22background-color失效:hover 时若background-color为#fff, 失效
23图片垂直居中图片无法通过display:table-cell; vertical-align:middle;设置垂直居中
24inline-block元素间间距如何取消inline-block元素间间距
25滤镜致链接失效BUGE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜后链接不能点击
26图片与文本垂直对齐居中当图片与文本在一起,且图片由链接包含,设置行高无法水平居中
27display:none引起的3像素的BUG一些浮动元素中有一个display:none;的元素,会引起3px的误差
28距出边界的Bug子元素块不被隐藏会溢出父元素块
29浮动层错位当内容超出外包容器定义的宽度时会导致浮动层错位问题
30li背景失效当li中有浮动元素时,且li的display为inline;
31绝对定位元素消失bug两个浮动的box,外加一个绝对定位的box,设置如下样式时会发生IE6绝对定位元素消失
32margin-top失效当某块级元素设置了margin-top,并且之前存在着可被渲染的绝对定位元素时,其margin-top在IE6、IE7会失效。
33无法取消input默认边框无法使用border:nonoe;取消input默认边框
34右浮动元素换行当一个容器内有文本(或一般文档流布局的元素)和向右浮动元素,浮动元素另起一行浮动