請問,margin穿透是為什麼,請問css中margin auto 和margin 0的區別是什麼

2022-06-12 15:35:23 字數 1412 閱讀 7622

1樓:可愛選

2個盒子,當上面的盒子設定margin-bottom:50px

而下面的盒子設定了margin-top:80px

2個盒子之間的距離本來應該130px;然後並沒有,瀏覽器會按照最外邊的那一條邊。80px

2樓:匿名使用者

margin穿透

當兩個盒子在垂直方向上設定margin值時,會出現一個有趣的塌陷現象。

①垂直並列

首先設定兩個div,併為其制定寬高

1 /*html部分*/

2 3     box1

4     box2

5 6 /*css部分*/

7對box1我們為其設定margin-bottom:50px;

對box2我們為其設定margin-top: 40px;

1我們肯定會很理所當然的認定這兩個盒子之間的距離為90px,事實上並非如此.

如下圖所示:

兩盒子之間的距離僅是50px,也就是說兩盒子之間的margin出現了重疊部分,故而我們可以得出:垂直之間塌陷的原則是以兩盒子最大的外邊距為準。

②巢狀關係(父級元素塌陷)

1 /*css部分*/

214 /*html部分*/

15 16

1718 19

如圖示當為子盒子新增margin-top:10px;時會發生如下情況:

子盒子和父盒子之間並沒出現期望的10px間隙而是父盒子與子盒子一起與頁面頂端產生了10px間隙(即父級盒子往下塌陷了10px)。

請問css中margin:auto 和margin:0的區別是什麼

3樓:匿名使用者

margin:auto是指上下左右都自適應,而margin:0是指上下左右的外邊距全部是0畫素。

4樓:匿名使用者

margin:auto是指元素的上下左右外邊距都是自適應;而margin:0,則是上下左右外邊距都是0畫素,也就是元素的內容貼緊窗體的邊框。

5樓:

區別是margin:auto; 這個是上右下左的值都是自適應的margin:0; 這個是上右下左的值都為0在兩個div裡對比一下就會有很明顯的效果出來了比如:

style .div1

.div2

這個效果是裡面的div2會水平居中

style .div1

.div3

這個效果裡面的div3會在div1的左上角

6樓:紅星二鍋頭

margin:auto 邊緣自動調整

margin:0 邊緣設定為0px

7樓:匿名使用者

margin:auto 是水平居中,margin:0;邊距為0;

為什麼光能穿透玻璃,光為什麼能穿透玻璃?

玻璃是透明的,透明的物質對光有反射 折射 透射光三種形式,光能穿透玻璃等物質是屬於透射。為什麼它透射率高?是由其分子結構決定的,一般透明的物體,其分子結構是很有規律的排列在一起的。例如玻璃 金剛石等。這是相對的,光是電磁波,有些電磁波也能穿牆,比如x光啊,因為他能量比較強,穿過時不會損耗太多。普通玻...

陽光為什麼能穿透玻璃,光為什麼能穿透玻璃?

可見光是一種波,一種能量,而不是物體。光通過玻璃的本質是可見光的波動。當反射 吸收和透射同時發生在玻璃上時,由於對可見光的高透射率。大多數可見光波通過玻璃投射到人的視網膜上。除玻璃外的大多數材料,如這裡提到的牆壁材料,對可見光的透射率很低,大部分能量被吸收和反射。光波具有波粒二象性 是指某物質同時具...

王者榮耀諸葛亮職業出裝為什麼都是法術穿透超過100的?尤其是最後,法術穿透達到了195,這

因為諸葛亮的瞬間爆發能力很強,想要一套技能秒人的話就必須有一定的法術穿透才可以,這樣的收益也更大。所以很多大神的出裝都會以法術穿透為主,事實上諸葛亮在遊戲的開始就需要很強的法術穿透才可以,這樣才能平穩的度過遊戲的前期,從而更好的過渡到遊戲的後期。使用技巧與出裝解析 諸葛亮前期需要建立起優勢,所以全階...