我測試了一下,在設(shè)置了max-height的情況下,父子元素的margin-bottom可以重疊,大家也可以測試一下。max-height沒起作用。
2019-03-08
最新回答 / 慕姐2893314
我的理解,首先,需要知道css布局有三個大的類模型,流布局、浮動布局和層布局模型。margin定位基本是屬于流布局,而position+left是屬于層模型的。這些在不同的場合使用。
2018-10-10
最新回答 / qq_行者_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
指出一些錯誤,出于善意:
(1) 防止父子margin重疊時,采用空的inline元素分隔并不準確,只有inline-block才可以,原理是使用inline-block元素構(gòu)建了BFC區(qū)域
(2) 防止下邊距重疊,使用max-height并不起作用,因為給父級元素設(shè)置height、min-height本質(zhì)是將父元素撐開,所以即使最后一個子元素有下邊距也在被撐開的范圍內(nèi),而max-height并不能將父元素撐開
認真看的同學(xué)應(yīng)該能讀懂,如有異議,歡迎提出
(1) 防止父子margin重疊時,采用空的inline元素分隔并不準確,只有inline-block才可以,原理是使用inline-block元素構(gòu)建了BFC區(qū)域
(2) 防止下邊距重疊,使用max-height并不起作用,因為給父級元素設(shè)置height、min-height本質(zhì)是將父元素撐開,所以即使最后一個子元素有下邊距也在被撐開的范圍內(nèi),而max-height并不能將父元素撐開
認真看的同學(xué)應(yīng)該能讀懂,如有異議,歡迎提出
2018-05-06