1. 程式人生 > >關於margin-top溢位父節點元素的處理方法

關於margin-top溢位父節點元素的處理方法

給子元素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;  
                }