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)