絕對定位元素的佈局

水平佈局
left + margin-left + border-left + padding-left + width + padding-right + border-right + margin-right + right = 包含塊的內容區的寬度

            - 當我們開啓了絕對定位後:
                水平方向的佈局等式就需要添加left 和 right 兩個值
                    此時規則和之前一樣只是多添加了兩個值:
                        當發生過度約束:
                            如果9個值中沒有 auto 則自動調整right值以使等式滿足
                            如果有auto,則自動調整auto的值以使等式滿足

                    - 可設置auto的值
                        margin width left right

                    - 因爲left 和 right的值默認是auto,所以如果不指定left和right
                        則等式不滿足時,會自動調整這兩個值

                垂直方向佈局的等式的也必須要滿足
                    top + margin-top/bottom + padding-top/bottom + border-top/bottom + height = 包含塊的高度
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章