社区
CSS
帖子详情
关于css中margin折叠的问题
码婆Doph
2017-11-24 01:37:58
今天本来打算写一篇关于css中margin折叠的博客。
但是翻阅网上文章之后。众说纷纭,让我也不敢断言这究竟是怎样的机制。
这里暂时提出以下几个问题:
1.margin折叠会在何时出现?
2.margin折叠的原理是什么?
3.margin折叠与BFC的关系。
4.如何避免margin折叠?
...全文
246
2
打赏
收藏
关于css中margin折叠的问题
今天本来打算写一篇关于css中margin折叠的博客。 但是翻阅网上文章之后。众说纷纭,让我也不敢断言这究竟是怎样的机制。 这里暂时提出以下几个问题: 1.margin折叠会在何时出现? 2.margin折叠的原理是什么? 3.margin折叠与BFC的关系。 4.如何避免margin折叠?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
天际的海浪
2017-11-24
打赏
举报
回复
避免margin折叠
https://www.zhihu.com/question/19823139
天际的海浪
2017-11-24
打赏
举报
回复
margin折叠又叫:CSS垂直外边距合并 当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 w3c的解释:
http://www.w3school.com.cn/css/css_margin_collapsing.asp
css
盒模型
margin
折叠
问题
解决方案总结
本文详细介绍了在
CSS
布局
中
遇到的边距
折叠
问题
,包括不同情况下的
margin
计算方法,并给出了多种有效的解决方案。
简述
CSS
中
margin
折叠
问题
本文详细介绍了
CSS
中
块级元素的
margin
折叠
问题
。通过示例展示了当设置多个块级元素外边距时,如何导致外边距不按预期叠加,以及如何解决这个
问题
。还解释了内边距与外边距的行为相似,不会简单相加,而是取最大值。为正确设置元素间距,提出了相应解决方案。
CSS
中
margin
的
折叠
问题
本文详细介绍了
CSS
中
块级元素外边距
折叠
的效应、所需条件及计算方式,并解释了哪些元素会触发这一现象,有助于理解布局时的间距
问题
。
【
css
】
CSS
中
折叠
margin
的
问题
本文深入探讨
CSS
中
'collapsing
margin
s'概念,解释其含义及如何在不同条件下影响盒模型的布局。通过具体实例,阐述了
margin
折叠
规则及其对元素位置的影响,旨在帮助开发者更准确地理解和运用这一特性。
CSS
中
margin
折叠
问题
记录
本文介绍了块级格式上下文(BFC)的概念及其生成条件,深入解析了BFC内部元素垂直方向上的
Margin
折叠
现象,包括
折叠
产生的条件及如何避免。
CSS
61,120
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章