css - CSS パディングはオーバーフローをオーバーライドしますか?

Question

ここで何が起こっているのですか？

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

上のパディングはデモンストレーションのためだけにとてつもなく高いです - 現実的な要件では、div は依然として比例して高さを増やします。

確かに、overflow:hidden色のブロックを見るだけでよいということですか？FFとIEで発生

Answer 1

このような

デモ

CSS

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

Answer 2

高さを 3em に設定したので、最終的な高さ( 3em + 20em )が表示されます。

また、オーバーフローは高さ、つまり 3em のみを制限します。