在CSS中,我們可以使用position
屬性來讓盒子浮在上面,我們可以將盒子的position
屬性設(shè)置為absolute
或fixed
,然后將盒子的top
屬性設(shè)置為0
,這樣盒子就會浮在頁面的上面。
如果我們有一個HTML元素如下:
<div id="myBox">這是一個盒子</div>
我們可以使用以下CSS代碼來讓盒子浮在上面:
#myBox { position: absolute; top: 0; }
或者,我們也可以將盒子的position
屬性設(shè)置為fixed
,這樣盒子就會固定在頁面的上面,不會隨著頁面的滾動而滾動:
#myBox { position: fixed; top: 0; }
需要注意的是,如果我們將盒子的position
屬性設(shè)置為absolute
或fixed
,那么盒子的位置就會相對于其***近的定位祖先元素(即***近的父元素)進(jìn)行定位,如果沒有定位祖先元素,那么盒子的位置就會相對于初始包含塊(即整個頁面)進(jìn)行定位。