深入理解Div的position的含義

2022-02-25 01:56:47 字數 521 閱讀 1994

預設的屬性值都是static,靜態,最關鍵的是

relative(相對)以及absolute(絕對)。

往往我們如果是copy別人的**,會把absolute屬性與left、top配合起來製作相關的「懸浮層」效果。然而有時候我們需要針對某乙個容器的懸浮效果,而不是針對視窗的。這時候通過高度、寬度的計算不但麻煩,而且幾乎無法完美實現效果。我一開始也無能為力,後來發現只要把其上一級的樣式屬性position設定為relative就可以了。

也就是說,position的屬性值的效果,直接受其容器樣式中position屬性值影響。

例如如下a-b的巢狀結構

當a的position為relative時,b的position為absolute才有效。這時候left:0、top:0就不再針對視窗文件,而是針對id為a的這個div了。

但是如果你在a中的padding="50px"

在a中的其他沒有設定postion為absolute的會隨著a的padding的值而變化

但是b不會變的它的position是相對上一級的

深入理解C語言 深入理解指標

關於指標,其是c語言的重點,c語言學的好壞,其實就是指標學的好壞。其實指標並不複雜,學習指標,要正確的理解指標。指標也是一種變數,占有記憶體空間,用來儲存記憶體位址 指標就是告訴編譯器,開闢4個位元組的儲存空間 32位系統 無論是幾級指標都是一樣的 p操作記憶體 在指標宣告時,號表示所宣告的變數為指...

mysql 索引深入理解 深入理解MySql的索引

為什麼索引能提高查詢速度 先從 mysql的基本儲存結構說起 mysql的基本儲存結構是頁 記錄都存在頁裡邊 各個資料頁可以組成乙個雙向鍊錶每個資料頁中的記錄又可以組成乙個單向鍊錶 每個資料頁都會為儲存在它裡邊兒的記錄生成乙個頁目錄,在通過主鍵查詢某條記錄的時候可以在頁目錄中使用二分法快速定位到對應...

深入理解C語言 深入理解指標

關於指標,其是c語言的重點,c語言學的好壞,其實就是指標學的好壞。其實指標並不複雜,學習指標,要正確的理解指標。指標也是一種變數,占有記憶體空間,用來儲存記憶體位址 指標就是告訴編譯器,開闢4個位元組的儲存空間 32位系統 無論是幾級指標都是一樣的 p操作記憶體 在指標宣告時,號表示所宣告的變數為指...