html position的學習

eternalshallow發表於2017-12-14

float: 子元素設定了float屬性之後,要記得及時在父元素做清除浮動的操作 { clear;both; overflow:hidden; } 偽類:( 1.只是作為UI展現,和正常的樣式顯示是一樣的,但是不能夠被選中和新增事件是UI展示的時候插入的標籤 2.必須寫上content屬性 ) E:before{ content:"hellow"; } E:after{ content:"hellow"; } 會在E前邊多出一個"hellow"

float的效果對塊級元素進行了覆蓋,對內聯元素比如說文字則是進行了文字環繞的 效果

position:absolute 它的絕對定位是相對於非position:static的父容器來定位(預設情況下都是position:static),然後再來設定距離的屬性值 position:fixed 這個定位其實也算是絕對定位,但是這個position的屬性是相對與視窗來定位的,也就是相對於瀏覽器視窗,而absolute是相對父元素position屬性為非static來定位的。

position:relative 是相對於自身相對應該出現的位置來做移動的,它會浮起來(就相當於在其他元素的表面一層)他不影響周圍的元素的位置,可以用(z-index這個屬性來改變他的層次關係)

相關文章