css 笔记

唯一念 / 2023-07-23 / 原文

一、inline-block 与 overflow:hidden 的冲突

inline-block元素设置overflow:hidden后,其本身会上移

解决方法:在该元素或其父元素上设置  vertical-align: bottom;

原因解释:inline-block元素被设置oveflow非visible后,其baseline被强制修改为元素下外边沿,

     该元素将底部与其他元素对齐