?
This document uses PHP Chinese website manual Release
使用這些速記工具快速配置元素的位置。
快速定位類可用,但它們沒有響應(yīng)。
<div class="position-static">...</div><div class="position-relative">...</div><div class="position-absolute">...</div><div class="position-fixed">...</div><div class="position-sticky">...</div>
從邊到邊放置一個(gè)元素在視口的頂部。確保你了解項(xiàng)目中固定職位的影響;您可能需要添加aditional CSS。
<div class="fixed-top">...</div>
將元素放置在視口的底部,從邊到邊。確保你了解項(xiàng)目中固定職位的影響;您可能需要添加aditional CSS。
<div class="fixed-bottom">...</div>
將元素放置在視口的頂部,從邊到邊,但只能在滾過它之后進(jìn)行。.sticky-top
實(shí)用程序使用CSS position: sticky
,這在所有瀏覽器中都不完全支持。
Microsoft Edge和IE11將呈現(xiàn)position: sticky
為**position: relative
。**因此,我們將這些樣式封裝在@supports
查詢中,將粘滯性限制為只能正確呈現(xiàn)它的瀏覽器。
<div class="sticky-top">...</div>