关于元素浮动 与margin-top 不生效的问题

浮动的元素脱离正常的文档流  但是会占据空间；

块状元素浮动以后 不再独占一行  如果没有给其设置宽度 那么它的宽度由它的内容称起来； 如果还想保持其独占一行的特性 那么就要把它的高度设置成100%

margin-top 不生效的原因：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。

解决方法：1.把margin  换成padding  

　　　　　2.给子元素设置浮动：float:left;

此时需要注意  给子元素设置浮动以后 那么它就失去了块状元素的特性  如果还想保持其独占一行的特性 那么就要把它的高度设置成100%