浮动的元素脱离正常的文档流 但是会占据空间;
块状元素浮动以后 不再独占一行 如果没有给其设置宽度 那么它的宽度由它的内容称起来; 如果还想保持其独占一行的特性 那么就要把它的高度设置成100%
margin-top 不生效的原因:当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。
解决方法:1.把margin 换成padding
2.给子元素设置浮动:float:left;
此时需要注意 给子元素设置浮动以后 那么它就失去了块状元素的特性 如果还想保持其独占一行的特性 那么就要把它的高度设置成100%