DIV+CSS 常见问题整理

纯CSS实现三列DIV等高布局
 其方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的
怎样使一个层垂直居中于浏览器中：
 position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px;
 这里咱们使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二
怎样让层显示在flash上面
 解决的办法是给FLASH设置透明<param name="wmode" value="transparent" />
 或者<param name="wmode" value="opaque" />
背景颜色没法显示
 在最后清楚浮动就能够了
ie6没法定义高度为1px的元素
 IE6下这个问题是由于默认的行高形成的，解决的方法也有不少，例如：overflow:hidden | zoom:0.08 | line-height:1px
定义的css样式没有做用
 要进行两个权重的对比。id权重为100 class权重为10 标签权重为1
如何垂直居中对齐文本与文本输入框
 vertical-align:middle; line-height:30px;
IE6下为何图片下方有空隙产生
 解决这个BUG的方法也有不少，能够是改变html的排版，或者定义img 为display:block
 或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
 还能够设置父容器的字体大小为零，font-size:0
IE6的双倍边距BUG
 浮动后原本外边距10px,但IE解释为20px,解决办法是加上display:inline
ff下为何父容器的高度不能自适应
 <div style="clear:both"></div>
在IE中隐藏一个CSS定义，你能够使用子选择器(child selector):
 html>body p {

 }
只在IE6中能够理解(对其余浏览器都隐藏)
* html p { }
条件注释
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->