很多情况下我在写div的时候都不会把高度写死，而是用子元素撑开高度的方式，但是如果子元素设置了浮动或者position绝对定位，就相当于把子元素从文档流中拿出来了，这时父元素的高度就不能被子元素撑开了，那么原本在文档流中跟在父元素后面的元素很有可能被遮挡住。解决方法：

1. 给父元素设置一个最小高度min-height，或者给非绝对定位的子元素设置高度

2. 在父元素结束前添加一个div，清除浮动

浮动元素在窗口缩小时可能会被挤到下面，解决方法：给父元素设置overflow：hidden，这样被挤下去的元素就被隐藏了。

img标签会自带一个边距，解决方法：1. 将img块状化；2. 将img左浮动；3.  为img添加样式img{vertical-align:top|bottom|text-top|text-bottom;}；4. 为img的父级加高度；5. 为img的父级加样式 font-size:0；