纯CSS实现三列DIV等高布局
其方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的
怎样使一个层垂直居中于浏览器中:
position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; 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]-->