CSS脫離屬性指的是將元素從文檔流中脫離出來,并且對于其他元素的位置不會產生影響。有哪些常用的脫離屬性呢?
position: absolute;
這個屬性可以讓元素脫離文檔流,并且相對于離它最近的非static定位的父元素定位。如果沒有非static定位的父元素,那么以
為準。使用top,left,bottom,right屬性可以控制元素的位置。如果沒有指定尺寸,那么元素的寬度和高度會根據內容來確定。position: fixed;
這個屬性與absolute相似,但是它是相對于瀏覽器窗口而言。也就是說,當瀏覽器滾動時,元素的位置不變。這使得固定頭部和尾部,或者廣告位在頁面上的固定位置上很有用。
position: relative;
這個屬性不會將元素脫離出文檔流,但是可以相對于它的正常位置進行偏移。使用top,left,bottom,right屬性可以進行定位。當使用relative的時候,元素的寬度和高度也是相對于它的正常位置來計算的。
float: left / right;
這個屬性可以讓元素浮動到頁面上的左側或右側,而不影響其他元素的位置。float也可以使塊級元素變成行內元素,另外,當配合clear屬性一起使用時可以清除浮動影響。
以上是一些常用的CSS脫離屬性,在實際開發中也需要根據需求來靈活運用。
上一篇css脈沖效果
下一篇mysql 查看user