關於position標籤的一點心得

2021-07-25 21:36:28 字數 961 閱讀 3133

position

position是css中的乙個非常常見的屬性,同時也非常重要,我們在做前端布局時,position這個屬性可以說是必不可少,如果不弄清楚它的值得含義,對於前端工作者來說是非常麻煩的

position分為static,fixed,absolute,relative,inherit

static(靜態定位):這是頁面元素position屬性的預設值,元素將按照標準流進行排布(包含浮動方式),即按照瀏覽器對網頁中元素的排列規則排列,切記這個時候top,bottom,left,right這些屬性是沒有任何卵用的。

fixed(固定定位):一旦有元素的position屬性使用這個值,那麼該元素則是相對瀏覽器視窗為基準進行定位的,無論你的滑動條怎樣移動,它都會固定在相對於瀏覽器視窗的固定位置,這裡需要注意的是元素使用了該值後,它的兄弟元素將會在位置排布上忽視它的存在。這個時候用的top,bottom,left,right也是相對瀏覽器視窗的

absolute(絕對定位):它與fixed比較類似,元素的position屬性使用該值後,他的兄弟元素將會在位置排布上忽視他的存在。但是使用position的該值的元素定位是相對於已經設定過position屬性值(除static以外的任何值)的最近祖先元素的(即該元素的top,bottom,right,left屬性是相對於已經設定過position屬性值(除static以外的任何值)的最近祖先元素的)

relative(相對定位):相對定位的這個相對呢是相對於元素之前正常預設的static值位置定位的(即該元素的top,bottom,right,left屬性是相對於不設定position屬性(即預設值static)時的位置的)

inherit(繼承定位):即繼承父元素的position值,沒啥好說的,但是需要注意的是:使用ie的小夥伴們不要使用該值,因為ie瀏覽器並不認識他

由於本人水平有限,如果有大神發現**有問題或者有朋友認為**不清楚,歡迎聯絡[email protected]進行交流!

呱!呱!呱!

關於iBatis selectKey的一點筆記

技術前提 我們使用ibatis作為持久層方案 技術場景 假設我們有兩張表,一張主表main,一張子表sub,並且主表的主鍵是由資料庫維護的自增長的主鍵,子表中有乙個字段引用這個主鍵,那麼當我們插入主表資料後,就需要馬上返回這個自增長的主鍵。解決方案 可以在insert時通過ibatis的select...

關於邏輯的一點體會

書摘 離散數學的基礎有三個主要內容 邏輯,集合和函式 離散數學及其應用第四版 邏輯為什麼有這樣的地位?書中先講了三點。1.logic has rules.這些規則給出了數學語句的準確含義。2.邏輯是所有數學推理的基礎。3.邏輯在許多方面的實際應用 計算機的設計,電腦程式的設計等領域。集合為什麼有這樣...

關於積累的一點看法

罈子裡有人討論小公司要不要積累框架的問題,有感而發,寫了點自己的看法,一家之言,歡迎拍磚。我在學習銷售的時候,有個理念對我震動很大。我們在各行各業都看到很多成功人士,大家都很羨慕他們,希望能像他們一樣成功,但是很少有人能做到。有人就分析,發現這些人比別人並不聰明多少,但基本上就有乙個特點,他們很善於...