本文主要包含DIV多层嵌套,margin-top等相关知识,佚名 希望在学习及工作中可以帮助到您
今天在做登录页面的时候发现个margin-top的bug ;
初始代码如下：
html:
症结：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用于父元素。
解决方案：
1、使用浮动来解决，即将子层代码改为：
OK,一切都好了～
++++++++++++++++++++++++++++++++++++++++++++++++++
PS:
其实这个是一个外边距叠加的问题，恰恰firefox跟ie8中是正确的，而ie6、7之中是错误的，内部容器的margin与外部叠加，叠加的margin处于容器外部。浮动元素不会产生外边距的叠加，所以间接解决了你遇到的问题。