CSS元素的重疊方式

2021-09-26 03:34:46 字數 451 閱讀 3582

負margin:

給元素設定負margin使其移動後 原來的位置是不會保留的

負margin可以讓元素的占用空間變小 後面的元素可以覆蓋當前的元素

(這裡有兩個相同大小的div 寬高都是100px (如圖一) 當我們給上面類名為div的div設定了-margin-bottom之後 (見圖二) 我們發現下面的元素覆蓋了-margin的位置)

圖一:

浮動原來的位置不保留 並且可以遮蓋住其他元素

脫離頁面流

定位相對定位:原來位置保留 並且不會擠到其他元素,只會重疊

絕對定位:不保留原來位置 脫離頁面流

CSS 元素垂直居中的幾種方式

目錄 1.vertical align line height 2.flex 常用 3.display absolute transform 4.margin auto display flex margin auto display absolute margin auto 5.table cel...

css 元素的垂直對齊方式

vertical align 該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中,這個屬性會設定單元格框中的單元格內容的對齊方式。例如 style display table cell vertical align top...

CSS3 盒元素中元素的對齊方式

css3新增的box pack和box align可設定子元素在盒元素內部的水平和垂直 對齊方式。box pack 設定子元素在水平方向上的對齊方式。其取值有 start end center justify。start是預設值,表示所有的子元素都顯示在盒元素的左側,額外空間將顯示在 盒元素的右側。...