社区
CSS
帖子详情
关于css中margin折叠的问题
码婆Doph
2017-11-24 01:37:58
今天本来打算写一篇关于css中margin折叠的博客。
但是翻阅网上文章之后。众说纷纭,让我也不敢断言这究竟是怎样的机制。
这里暂时提出以下几个问题:
1.margin折叠会在何时出现?
2.margin折叠的原理是什么?
3.margin折叠与BFC的关系。
4.如何避免margin折叠?
...全文
200
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
margin
折叠
的
问题
探讨
margin
折叠
的
问题
,不是bug,而是正常的规则。 在
css
2.1
中
,水平的
margin
不会被
折叠
。 垂直
margin
可能在一些盒模型
中
被
折叠
: 1、在常规文档流
中
,2个或以上的块级盒模型相邻的垂直
margin
会被
折叠
。 最终的
margin
...
纯
CSS
实现圆角
折叠
菜单的方法
本文实例讲述了纯
CSS
实现圆角
折叠
菜单的方法。分享给大家供大家参考。具体实现方法如下: 复制代码代码如下:<html><head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /...
深入浅出学习
CSS
CSS
中
文名称层叠样式表,跟 HTML 一样都是网页制作最基础的编程...本课程将讲解
CSS
语言的使用场景,基本语法,以及常用的
CSS
样式,如 width,height,background,position,border,
margin
,padding,font-size等等。
详解
css
外边距
折叠
(
margin
collapsing)
外边距
折叠
指的是毗邻的两个或多个外边距 (
margin
) 会合并成一个外边距,本文详细的介绍了一下
css
外边距
折叠
的实现,分为3种情况,非常具有实用价值,需要的朋友可以参考下
IE7、IE8、ff下的
margin
-top
问题
折叠
margin
而在以前用的时候,从不记得
margin
也需要不同的浏览器对其进行兼容设置。并且还是在不太支持web标准的IE7下面都可以,其他支持WEB标准的都出现
问题
。难道是web标准就是这样,曾一度怀疑经常用的“盒子”...在
css
2.1
中
,
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章