天天看點

塊級元素把它的小夥伴擠下去的坑

0. 問題

希望A和B并排,C獨占一行,A和B共同區域叫做D,結果實際操作中留給D的空間足夠大,卻一直像下圖一樣把B擠下去。

塊級元素把它的小夥伴擠下去的坑

控制台裡選擇元素後,D區域裡B的毛都看不見了

塊級元素把它的小夥伴擠下去的坑

 而選擇C的時候,卻包含了B區域,

塊級元素把它的小夥伴擠下去的坑

 這個問題我百思不得其解。

1. 原因

塊級元素把它的小夥伴擠下去的坑
塊級元素把它的小夥伴擠下去的坑
塊級元素把它的小夥伴擠下去的坑

 還有選中C為什麼會包含B,因為C是高度自适應的,上面的高度确定了剩下的都是他的,是以即使B不在C區,但看上去它就是在C裡面!!!

 2.  解決方法

display:flex

注:我還是第一回遇到控制台選中也沒有該元素的情況!真無語!!!

人生到處知何似,應似飛鴻踏雪泥。

繼續閱讀