請問css的overflow屬性為何會降低同列的元素？

css overflow

小不釘 2018-06-10 18:36:58 ‧ 1130 瀏覽

如題，另外
位置被降低的元素如果應用
vertical-align:top;
屬性會回到正常高度，

但是這個屬性設在同列的另外一個元素(例子中是sidebox)上，也有一樣的效果，這是為什麼呢？
https://codepen.io/hkk2018/pen/ZRLaQE
附上codepen，

請了解的大大不吝指教，謝謝！

小不釘 iT邦新手 2 級 ‧ 2018-06-10 19:59:27 檢舉

話說跟朋友討論了一下，這個預設的vertical-align是跟baseline(母元素即body元素的baseline)有些關係的樣子，也就是說overflow:auto改變了那個baseline位置，使得後來的元素對齊在新的baseline上
以上皆為假說就是了

小不釘 iT邦新手 2 級 ‧ 2018-06-10 19:59:29 檢舉

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙