亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

margin重疊應用的栗子沒明白

我清楚重疊的原理,可能是之前沒寫過類似的案例吧,老師講的這個實際應用栗子沒聽懂,希望搞明白的同學指點一次。

正在回答

3 回答

不知道你現在理解了沒,我的理解是,比如一組元素,兩兩之間都需要間隔時,我們一般都會統一為每個元素設置margin-bottom或者margin-top,以設置margin-top為例,那么到最后(最下面)一個元素的時候,一般需要單獨為其設置margin-bottom保持布局的完整合理,但是之后項目需求若是刪除了最后一個元素,那么又沒有給倒數第二個元素設置margin-bottom,就會出現當前的最后一個元素緊貼底部的情況,需要重新為其設置margin-bottom來解決,但是若采用老師所說的方式,相鄰兄弟元素之間會發生重疊不影響間距,最后和第一個元素又都有各自的margin-bottom和margin-top,刪除任意一個元素都不會影響這種穩定的狀態,這就是所謂增加了健壯性。

嗯,希望講清楚啦。

2 回復 有任何疑惑可以回復我~
#1

假蛙工程師

有道理,你說得對
2024-06-06 回復 有任何疑惑可以回復我~

試了一下,用margin top和bottom同時用,當刪除最后一個按鈕,按鈕后面內容的不會擠上來,能夠增強健壯性,結構不會隨便被破壞。只有margin-top,刪除按鈕,后面的會緊貼著按鈕上面內容,破壞頁面結構。

0 回復 有任何疑惑可以回復我~

通過margin-top和margin-bottom可以增強代碼的健壯性,老師例子來說,最下面本來有個button按鈕,如果只使用margin-top沒了button按鈕,上下就會發生重疊

0 回復 有任何疑惑可以回復我~
#1

陳小窩

只是去掉了一個button不會導致上面的控件也會出現重疊現象吧??????
2016-07-14 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

margin重疊應用的栗子沒明白

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號