CSS相關(guān)知識(shí)

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

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

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

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

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

CSS Code復(fù)制內(nèi)容到剪貼板

.parent:before {   
  
　　　　content: ‘  ‘;   
  
　　　　display: table;   
  
}  

(2)如何解決所有的子元素浮動(dòng)后父元素高度變?yōu)?，且影響后續(xù)元素

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

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

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

CSS Code復(fù)制內(nèi)容到剪貼板

.parent:after {   
  
　　　　　　content: ‘  ‘;   
  
　　　　　　display: table;   
  
　　　　　　clear: both;   
  
}  

以上這篇CSS中越界問(wèn)題的經(jīng)典解決方案【推薦】就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持軟件開(kāi)發(fā)網(wǎng)。