天天看點

前端css之margin

margin具有塌陷現象(在标準流中才有)

在豎直方向上兩個盒子margin以大為準,不疊加

水準方向不出現塌陷現象

1. 使用盒子居中margin:0 auto,必須有width,y有明确的width

2.隻有标注流中才能使用margin:0 auto;

也就說當一個盒子浮動了,絕對定位了,固定定位了,都不能使用margin:0 auto;

3.margin:0 atuo是在居中盒子,不是在居中文本

text-align:center   文本居中,要使用這個

                                                              要善于使用父親的padding而不是兒子的margin

前端css之margin

如果父親沒有border,那麼兒子的margin實際上踹的是“流”,踹的是這行,是以,父親整體也掉下來了

margin這個屬性本意是描述兄弟之間的,父子之間就盡量不要用