社区
CSS
帖子详情
关于css中margin折叠的问题
码婆Doph
2017-11-24 01:37:58
今天本来打算写一篇关于css中margin折叠的博客。
但是翻阅网上文章之后。众说纷纭,让我也不敢断言这究竟是怎样的机制。
这里暂时提出以下几个问题:
1.margin折叠会在何时出现?
2.margin折叠的原理是什么?
3.margin折叠与BFC的关系。
4.如何避免margin折叠?
...全文
251
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
折叠
问题
解决方案总结
test
#header { width: 100%; height: 6rem; text-align: center; background-color: #CCC; overflow: hidden; }
简述
CSS
中
margin
折叠
问题
简述
CSS
中
margin
折叠
问题
CSS
中
margin
的
折叠
问题
简述
css
中
margin
折叠
问题
【
css
】
CSS
中
折叠
margin
的
问题
为什么要翻译这篇说明?
css
2本有人已翻译过,但看一下,很粗糙(不是说自己就怎么怎么样啊,翻译者真的是很值得敬佩的!),近来跟
css
与xhtml接触得越来越多,但接触得越多,迷惑却总不见少。现在我觉得很多
问题
根本不能称之为
问题
,原因就在于我们的草率理解,比如杀鸡用牛刀,不是不可以,是不合理、不恰当,根源错了,表象也就会错了,如果解决
问题
从表象入手,难免总会摸不着头脑,还是那句话,要脚踏实...
CSS
中
margin
折叠
问题
记录
为了了解
margin
折叠
问题
,首先需要知道一个概念:块级格式上下文Block Formatting Context(简称BFC ),这是Web页面的一种布局方式,通俗点说,也是指页面上一个渲染区域,里面的元素按文档流
中
的顺序垂直排列,并且发生垂直方向上的
margin
折叠
,同事这个区域内的元素布局不会对外面的元素有任何影响,反过来,也是一样。那要问了,这个要BFC是怎么产生。1、在W3C标准
中
有明确...
CSS
61,117
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章