我測試了一下,在設(shè)置了max-height的情況下,父子元素的margin-bottom可以重疊,大家也可以測試一下。max-height沒起作用。
2019-03-08
最新回答 / 慕姐2893314
我的理解,首先,需要知道css布局有三個(gè)大的類模型,流布局、浮動布局和層布局模型。margin定位基本是屬于流布局,而position+left是屬于層模型的。這些在不同的場合使用。
2018-10-10
最新回答 / qq_行者_(dá)90
<style>.box{overflow: hidden;resize: vertical;width: 1000px;}.orange,.green{margin-bottom: -600px;padding-bottom: 600px;line-height: 50px;width:50%;}.orange{background: orange;float: left;}.green{background: green;float: left;}</style></hea...
2018-07-05
指出一些錯(cuò)誤,出于善意:
(1) 防止父子margin重疊時(shí),采用空的inline元素分隔并不準(zhǔn)確,只有inline-block才可以,原理是使用inline-block元素構(gòu)建了BFC區(qū)域
(2) 防止下邊距重疊,使用max-height并不起作用,因?yàn)榻o父級元素設(shè)置height、min-height本質(zhì)是將父元素?fù)伍_,所以即使最后一個(gè)子元素有下邊距也在被撐開的范圍內(nèi),而max-height并不能將父元素?fù)伍_
認(rèn)真看的同學(xué)應(yīng)該能讀懂,如有異議,歡迎提出
(1) 防止父子margin重疊時(shí),采用空的inline元素分隔并不準(zhǔn)確,只有inline-block才可以,原理是使用inline-block元素構(gòu)建了BFC區(qū)域
(2) 防止下邊距重疊,使用max-height并不起作用,因?yàn)榻o父級元素設(shè)置height、min-height本質(zhì)是將父元素?fù)伍_,所以即使最后一個(gè)子元素有下邊距也在被撐開的范圍內(nèi),而max-height并不能將父元素?fù)伍_
認(rèn)真看的同學(xué)應(yīng)該能讀懂,如有異議,歡迎提出
2018-05-06