关于margin-top溢出父节点元素的处理方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010585120/article/details/53009250

给子元素margin-top时,若这个子元素前面没有其他内容,这个margin-top值会应用到父元素上

解决方案,给父元素设置:before

		#content{
			height: 80px;
			width: 100%;
			background: red;
		}
		#header{
			height: 60px;
			width: 100%;
			background: blue;
			margin-top: 20px;
		}
		
		#content:before{  
                    content: "";  
                    display: table;  
                }


展开阅读全文

没有更多推荐了,返回首页