CSS中的絕對定位(absolute positioning)是一種讓元素脫離文檔流,可以按照自己的要求在頁面中套入任意位置的方式:
.element { position: absolute; }
為了控制元素的位移,我們可以使用top、right、bottom、left屬性。其中,top屬性用來指定元素距離其容器頂部的距離。
.element { position: absolute; top: 50px; }
上述代碼將元素的頂部與容器頂部距離設置為50像素。
需要注意的是,如果父元素沒有設置position屬性,則top屬性將不起作用。
.parent { /* 屬性未設置,元素的top值將不被應用 */ } .child { position: absolute; top: 50px; }
上述代碼中,child元素的top值將不會生效。為了讓其生效,需要給parent元素設置position屬性:
.parent { position: relative; } .child { position: absolute; top: 50px; }
上述代碼中,child元素的top值將按照設定的值進行應用。
上一篇css繼承實際運用
下一篇mysql 配置界面