html的一些难点和解决方案

• img图片底部空白问题 。图片下方与元素间距形成空白行，可通过对父元素设置overflow属性为hidden解决，或把图片变为div1。
• 给子元素设置margin-top父子盒子都向下移动问题 。子元素设置margin-top会使父元素和子元素都向下移动，可通过对父元素设置overflow:hidden或padding-top属性解决1。
• padding把盒子撑大问题 。使用怪异盒子模型时，给元素加padding会把盒子撑大，可更改盒子类型，使用标准盒子模型解决1。
• 高度塌陷问题 。开启元素的BFC以后，元素会变成一个独立的布局区域，不会在布局上影响到外面的元素，可以解决高度塌陷问题2。