1.子元素脱离文档流时,父元素若没有设置高度和宽度,子元素将无法撑开父元素。此时父元素想要清除子元素对它的影响,需要利用overflow:hidden,clear此时无效。
2.*{margin:0 padding:0}清除所有默认的内外边距3.绝对定位实现自适应宽度,前提是设置绝对定位元素的父级元素设置了定位(不包括static)
4.IE对小数像素采取取整的策略,类似于Math.floor属性,就算你大小为11.999999像素,最后还是显示11像素文字的大小(已测试);而Firefox等一些浏览器则采取四舍五入 的策略,类似于Math.round属性,11.4像素就表现为11像素,11.5像素就表现为12像素(已测试)。
5.外边距自动合并,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。 假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并。 W3C解释。
6.标签没封闭,会自动加上封闭标签,有可能把其它内容也包括进去。(div验证)
7.浮动块占满一行后,第二行浮动块的位置取决于第一行最高的块的位置。
8.background-image:只能添加一个属性url,如果想多添加属性如no-repeat,则需用background即可。
9.外边距失效的解决方法:给浮动元素指定底部外边距或把下方的非浮动元素变成浮动元素。