HTML基础10--CSS常见问题

元素浮动之后 能设置宽度的话 就给元素加宽度 如果需要宽度是内容撑开 就给它里边的块元素 加上浮动；


第一块元素浮动，第二块元素加margin值等于第一块元素，在IE6下会有间隙问题；


IE6下子元素超出父级宽高，会把父级的宽高撑开

p 包含 div  标签嵌套规则。

CSS兼容问题

margin兼容性问题
display:inline-block
IE6 最小高度问题
IE6 双边距
li里元素都浮动 li 在IE6 7  下方会产生4px间隙问题
IE6下双边距和4pxBUG共存
浮动元素之间注释，导致多复制一个文字问题
IE6 7 父级元素的overflow:hidden 是包不住子级的relative
IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差
IE6下绝对定位元素和浮动元素并列绝对定位元素消失
IE6 下input的空隙 和 border问题
IE6 下 输入类型表单控件背景问题

css hack

针对不同的浏览器写不同的CSS 样式的过程，就叫CSS hack!

远离css hack，有益身心健康！

html条件注释语句

PNG24 兼容性问题

IE6不支持png24 图片。

样式优先级、提升样式优先级

圣杯布局（双飞翼布局）

等高布局

左右两列高度自适应扩展，并且相等；