iT邦幫忙

1

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

hkk 2018-06-10 18:36:58434 瀏覽

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

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

請了解的大大不吝指教,謝謝!

hkk iT邦新手 5 級 ‧ 2018-06-10 19:59:27 檢舉
話說跟朋友討論了一下,這個預設的vertical-align是跟baseline(母元素即body元素的baseline)有些關係的樣子,也就是說overflow:auto改變了那個baseline位置,使得後來的元素對齊在新的baseline上
以上皆為假說就是了
hkk iT邦新手 5 級 ‧ 2018-06-10 19:59:29 檢舉
話說跟朋友討論了一下,這個預設的vertical-align是跟baseline(母元素即body元素的baseline)有些關係的樣子,也就是說overflow:auto改變了那個baseline位置,使得後來的元素對齊在新的baseline上
以上皆為假說就是了

尚未有邦友回答

立即登入回答