css 笔记

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

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

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

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

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

posted @ 2023-07-23 17:47  唯一念  阅读(16)  评论(0编辑  收藏  举报