CSS常见问题的解决方案

CSS问题和经验

Bugs和解决方案

1. 如何在IE6及更早浏览器中定义小高度的容器？
2. 如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？
3. 如何在IE6及更早浏览器下模拟min-height效果？
4. 如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题？
5. 如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG？
6. 如何解决IE6及更早浏览器下的3像素BUG？
7. 如何解决IE6下的文本溢出BUG（江湖匪号：“谍影重重”或“一只猪的故事”）？
8. 如何解决IE6使用滤镜PNG图片透明后，容器内链接失效的问题？
9. 如何解决IE6无法识别伪对象:first-letter/:first-line的问题？
10. 如何解决IE8会忽略伪对象:first-letter/:first-line里的!important规则的问题？
11. 如何解决IE6会忽略同一条样式体内的!important规则的问题？
12. 如何解决IE6及更早浏览器下当li内部元素是定义了display:block的内联元素时底部产生空白的问题？
13. 如何解决IE6及更早浏览器下未定义宽度的浮动或绝对定位元素会被内部设置了zoom:1的块元素撑开的问题？
14. 如何解决IE7及更早浏览器下子元素相对定位时父元素overflow属性的auto|hidden失效的问题？
15. 如何解决Chrome在应用transition时页面闪动的问题？

技巧和经验

1. 如何清除图片下方出现几像素的空白间隙？
2. 如何让文本垂直对齐文本输入框？
3. 如何让单行文本在容器内垂直居中？
4. 如何让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果？
5. 为什么Standard mode下IE无法设置滚动条的颜色？
6. 如何使文本溢出边界不换行强制在一行内显示？
7. 如何使文本溢出边界显示为省略号？
8. 如何使连续的长字符串自动换行？
9. 如何清除浮动？
10. 如何定义鼠标指针的光标形状为手型并兼容所有浏览器？
11. 如何让已知高度的容器在页面中水平垂直居中？
12. 如何让未知尺寸的图片在已知宽高的容器内水平垂直居中？
13. 如何设置span的宽度和高度（即如何设置内联元素的宽高）？
14. 如何给一个元素定义多个不同的css规则？
15. 如何让某个元素充满整个页面？
16. 如何让某个元素距离窗口上右下左4边各10像素？
17. 如何去掉超链接的虚线框？
18. 如何容器透明，内容不透明？
19. 如何让整个页面水平居中？
20. 为什么容器的背景色没显示出来？为什么容器无法自适应内容高度？
21. 如何做1像素细边框的table？
22. 如何使页面文本行距始终保持为n倍字体大小的基调？
23. 标准模式Standard mode和怪异模式Quirks mode下的盒模型区别？
24. 以图换字的几种方法及优劣分析
25. 为什么2个相邻div的margin只有1个生效？
26. 如何在文本框中禁用中文输入法？
27. 如何解决列表中list-style-image不能精准定位的问题？
28. 如何解决伪对象:before和:after在input标签上的怪异表现的问题？
29. 如何解决伪对象:before和:after无法在Chrome,Safari,Opera上定义过渡和动画的问题？

其它技巧和经验

1. 如何让层在flash上显示？
2. 如何使用标准的方法在页面上插入flash？
3. 如何在点文字时也选中复选框或单选框？
4. IE下如何对Standard Mode与Quirks Mode进行切换？
5. 如何区别display:none与visibility:hidden？
6. 如何设置IE下的iframe背景透明？