iT邦幫忙

1

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

  • 分享至 

  • xImage

如題,另外
位置被降低的元素如果應用
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 檢舉
話說跟朋友討論了一下,這個預設的vertical-align是跟baseline(母元素即body元素的baseline)有些關係的樣子,也就是說overflow:auto改變了那個baseline位置,使得後來的元素對齊在新的baseline上
以上皆為假說就是了
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答