盒子模型及其他的層次結構關系


1.設置浮動屬性后,會對相鄰的元素產生影響,相鄰元素特指僅鄰后面的元素。 
2.受到影響的元素清除flow影響的方法:clear:both;只適用於緊鄰后面的元素的清楚浮動,而當父包含塊縮成一條時就不起作用了。 
或者同時設置width:100%;+overflow:hidden;例p受到影響,p{clear:both;或者p{width:100%;overflow:hidden;} 
3.三種定位形式:static(靜態)relative(相對)absolute(絕對) 
相對定位:相對於自身原有位置進行偏移;仍處於文檔流中;隨即擁有偏移屬性和Z-index屬性; 
絕對定位:建立以包含塊為基准的定位;完全脫離了標准文檔流;隨即擁有偏移屬性和Z-index屬性; 
未設置偏移量,無定位祖先元素,以為參考基准 
使用absolute實現橫向兩列布局:relative-父元素相對定位;absolute-自適應寬度元素絕對定位

盒子模型的層次結構:

邊框(border),

內容+內邊距(content+padding),

背景圖(background-image),

背景顏色(background-color),

外邊距(margin)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM