关于前端学习的思考-浮动元素嵌套块级元素12.18

1、块级元素嵌套浮动元素

先摆图片,当橘色的盒子高度减少的时候,NK AD TB PK NN并不会减少。如何解决呢?

关于前端学习的思考-浮动元素嵌套块级元素12.18_第1张图片

关于前端学习的思考-浮动元素嵌套块级元素12.18_第2张图片

加一个overflow:clip或者hidden

关于前端学习的思考-浮动元素嵌套块级元素12.18_第3张图片

关于前端学习的思考-浮动元素嵌套块级元素12.18_第4张图片

2、浮动元素嵌套块级元素

关于前端学习的思考-浮动元素嵌套块级元素12.18_第5张图片

关于前端学习的思考-浮动元素嵌套块级元素12.18_第6张图片

加一个overflow:clip或者hidden

关于前端学习的思考-浮动元素嵌套块级元素12.18_第7张图片

关于前端学习的思考-浮动元素嵌套块级元素12.18_第8张图片

综上所述,无论是块级元素嵌套浮动元素,还是浮动元素嵌套块级元素,都可以用overflow去解决这个细节问题。

你可能感兴趣的:(前端,学习)