css position塊級元素定位

2021-10-24 15:26:00 字數 418 閱讀 5537

寫定位方式

使用top right bottom left 四個方向屬性進行正負操作

z-index層級的使用,必須要先使用定位才可以使用該屬性

絕對定位和相對定位:子絕父相固定定位:可將指定內容固定在頁面的某一處,如右下角的各種廣告,隨便頁面怎樣滑動,該內容不動

定義乙個巢狀的div

class

="re_f f"

>

class

="re_s s"

>

div>

div>

無定位時的結果:

1.相對定位

行內元素 塊級元素和行內塊級元素

而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效,只有左右有效果 總是和相鄰的行內元素在同一行上,預設排列方式...

行級元素 塊級元素

一.元素分類 行間元素 inline span,strong,em,a,del 塊級元素 block div,p,h1 h6,ul,ol,li,form,address 行塊級元素 inline block img 1.行間元素 內容決定元素所在位置,不可以通過css改變寬高。1234 設定的寬高無...

HTML 塊級元素 行級元素

塊狀元素排斥其他元素與其位於同一行,可以設定元素的寬 width 和高 height 塊級元素一般是其他元素的容器,可容納塊級元素和行內元素。常見的塊級元素有div,p h1 h6等。行內元素不可以設定寬 width 和高 height 但可以與其他行內元素位於同一行,行內元素內一般不可以包含塊級元...