1. 程式人生 > >6th week blog(2)

6th week blog(2)

fixed:
元素將從常規文件流中刪除,並且不會為頁面佈局中的元素建立任何空間。它的位置相對於初始位置。它允許框架樣式佈局。在頁式媒體如列印輸出中,一個固定元素會出現於第一頁的相同位置。這可以用來建立一個“浮動”元素,不管滾動如何,它都停留在相同的位置。
sticky:
元素根據文件的正常流程定位,然後相對於其最近滾動祖先和含塊(最近的塊級祖先),包括與表相關的元素,偏移量不影響任何其他元素的位置。此值總是建立一個新的堆疊上下文。可以使用引數,是位置跟relative使用引數的效果是一致的,都是相對於static的變化;sticky具有“滾動機制”。sticky定位可以被認為是relative和fixed的混合。粘性定位的元素被視為相對定位,直到它超過指定的閾值,此時它被視為固定的,直到它到達其父母的邊界。

2018-10-15 16:30:28