浮動和定位的區別 + 浮動元素的包含塊是從content box開始依次排列,定位元素的包含塊是padding box,width,padding,margin:百分比的依據!!! + bfc元素能夠被浮動元素撐起(bfc獨立區域可見浮動元素),但忽略定位元素 + 浮動元素和position:abs ...
浮動和定位的區別
浮動元素的包含塊是從content-box開始依次排列,定位元素的包含塊是padding-box,width,padding,margin:百分比的依據!!!
bfc元素能夠被浮動元素撐起(bfc獨立區域可見浮動元素),但忽略定位元素
浮動元素和position:absolute都會將元素變成塊盒子(li特殊,仍然為原來的list-item)
常規流,浮動流,定位流的z-index:常規流的z-index設置無效,還是預設的auto,(只有定位元素才能設置z-index),浮動和定位都比常規流高一層(預設),浮動元素z-index=-1時,低於常規流(常規流可以近似地看作z-index=0)
浮動流接近常規流,絕對定位和固定定位完全脫離常規流