8.CSS相關知識

?(1)如何解決父元素的第一個子元素的margin-top越界問題

　　1)為父元素加border-top:?1px;——有副作用

　　2)為父元素指定padding-top:?1px;——有副作用

　　3)為父元素指定overflow:hidden;——有副作用

　　4)為父元素添加前置內容生成——推薦使用

　　.parent:before?{

　　　　content:?'??';

　　　　display:?table;

　　}

?(2)如何解決所有的子元素浮動后父元素高度變為0，且影響后續元素

　　1)為父元素指定overflow:hidden;——有副作用

　　2)為父元素指定高度：height:?xxx;——有局限性

　　3)為父元素添加后置內容生成——推薦使用

　　　　.parent:after?{

　　　　　　content:?'??';

　　　　　　display:?table;

　　　　　　clear:?both;

　　　　}

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的CSS中越界问题经典解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。