1、定位流中,設定為相對定位的元素並未脫離標準流,對於該元素仍可以設定margin屬性並可以起效果,只是起的效果相對於起原始位置(即不是他通過(top right bottom left)偏離之後的位置。
2、定位流中,設定為絕對定位的元素則脫離了標準流。
預設情況下,設定為絕對定位i的元素的參考點是body,但是如果該元素有祖先元素,而且祖先元素也是定位流(相對定位、絕對定位、固定定位都可以),則參考點為祖先元素(如果祖先元素有多個定位流元素,則以離該元素最近的元素為參考點)。
3、在企業開發中,很少單獨使用絕對定位,也很少單獨使用相對定位。單獨使用絕對定位會使得定位元素的參考點為body,而參考點為body的弊端非常明顯,因為定位的位置是以頁面的初始頁面為準,而不會相對變化,變動頁面大小會導致頁面排版混亂;單獨使用相對定位也有缺點,因為相對定位的元素沒有脫離標準流,所以不利於頁面布局。企業開發中最常見的使用定位流的方式是「子絕父相」:即需要調整的子元素設定為絕對定位,將子元素的父元素設定為相對定位。
4、讓絕對定位的元素在父元素中水平居中的妙招:left:50%;margin-left:該元素寬度的一半;即可
學習前端的第七天
一 padding 1 padding是長在內容和盒子之間的,在盒子內部。2 padding是為了調整 子元素 在 父元素裡面位置關係。3 padding的特點 padding值會把盒子撐大。4 如果想讓盒子保持原有大小,需要在寬高的基礎上減掉padding值。5 給單一方向設定padding值 p...
第七天筆記
理解 陣列的基本概念 理解 陣列的分類 陣列的幾個名詞 陣列的應用場景 按維度分類 掌握 定義陣列 掌握 初始化陣列 掌握 陣列的使用 指定陣列的元素個數,對陣列進行部分顯式初始化 不指定元素個數,定義的同時初始化,它是根據大括號中的元素的個數來確定陣列的元素 個數 int nums 指定元素個數,...
第七天學習
練習題 1 以下類定義中哪些是類屬性,哪些是例項屬性?class c num 0 def init self self.x 4 self.y 5 c.count 62 怎麼定義私有 法?3 嘗試執行以下 並解釋錯誤原因 4 按照以下要求定義乙個遊樂園門票的類,並嘗試計算2個 1個小孩平日票價。要求 ...