为什么设置了overflow：hidden后不是以height实际高度为准的文字隐藏而是以超出padding的文字隐藏？什么原理？

首页课程实战体系课手记专栏慕课教程

来源：2-3 BFC规范和浏览器差异

刘宇阳

2020-11-30 23:19:09

为什么设置了overflow：hidden后不是以height实际高度为准的文字隐藏而是以超出padding的文字隐藏？什么原理？

写回答

1回答

好帮手慕夭夭

2020-12-01

同学你好，问题解答如下：

overflow：hidden是超出元素本身的内容才会隐藏。在同学截图的代码中，就是超出div这个区域的内容才会隐藏，padding包含在元素实际宽高之内，即蓝色框圈出的才是div，所以超出蓝色框区域外的才会隐藏。

祝学习愉快~

0 学习 · 15276 问题

相似问题

回答 2

回答 3

回答 1

回答 3

回答 4