如何解决CSS外边距塌陷问题?

更新于
2026-09-24 04:12:32
0阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计355个文字,预计阅读时间需要2分钟。

如何解决CSS外边距塌陷问题?

盒子模型边缘填充问题注意,我是新手,前端新人,也是博客新手。写的可能不好,还请多指教,有错的话请留言。这是我的第一篇博客,哈哈。盒子模型边缘填充当前mar。

如何解决CSS外边距塌陷问题?

盒子模型外边距塌陷问题注意,我是一个新人,一个前端新人,也是一个博客新人,所以写的不好,还请见谅哈,有错的话还请留言,这是我的第一篇博客,哈哈哈。

盒子模型此时margin将会相对于父盒子进行定位。 第二种:在父盒子也就是黄色的盒子设置overflow为hidden,即在.father{}里边加一句 overflow:hidden; 那么为什么加一句这个就会达到我们理想的效果呢?因为这个会触发bfc 格式化上下文。 如果要在此具体说一下bfc,那可能要说上半天时间了,我给个链接给大家,大家有兴趣的话,可以好好看看

www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html

然后,我是第一次发博客,排版什么的也不太会, 而且也是一个前端的新人 ,所以 写的不好,大家还请见谅~如果我理解错了,大家积极留言哈,谢谢大家。

本文共计355个文字,预计阅读时间需要2分钟。

如何解决CSS外边距塌陷问题?

盒子模型边缘填充问题注意,我是新手,前端新人,也是博客新手。写的可能不好,还请多指教,有错的话请留言。这是我的第一篇博客,哈哈。盒子模型边缘填充当前mar。

如何解决CSS外边距塌陷问题?

盒子模型外边距塌陷问题注意,我是一个新人,一个前端新人,也是一个博客新人,所以写的不好,还请见谅哈,有错的话还请留言,这是我的第一篇博客,哈哈哈。

盒子模型此时margin将会相对于父盒子进行定位。 第二种:在父盒子也就是黄色的盒子设置overflow为hidden,即在.father{}里边加一句 overflow:hidden; 那么为什么加一句这个就会达到我们理想的效果呢?因为这个会触发bfc 格式化上下文。 如果要在此具体说一下bfc,那可能要说上半天时间了,我给个链接给大家,大家有兴趣的话,可以好好看看

www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html

然后,我是第一次发博客,排版什么的也不太会, 而且也是一个前端的新人 ,所以 写的不好,大家还请见谅~如果我理解错了,大家积极留言哈,谢谢大家。