CSS填充覆盖​​溢出？

这里发生了什么事 ？

#agendaTitle{
    margin:0;
    padding:20em 0em 0em 0.75em;
    height:3em;
    overflow:hidden;
    background-color:#ff00ff;
}

顶部衬垫高得离谱,只是为了展示 – 在实际要求下,div仍然按比例增加高度.

当然溢出：隐藏意味着我应该看到一块颜色？
在FF和IE中发生

解决方法

在显示的默认内容框框模型中：块元素,填充和高度一起添加以确定元素的总高度.溢出只会影响框外的事物(高度填充边框之外).

如果希望从指定高度减去边框和填充而不是添加,请使用Box-sizing：border-Box.

原文地址：https://www.jb51.cc/css/217729.html