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