金蝶K3问题整理_百度文库
您的浏览器Javascript被禁用，需开启后体验完整功能，
享专业文档下载特权
&赠共享文档下载特权
&100W篇文档免费专享
&每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
金蝶K3问题整理
阅读已结束，下载本文需要
定制HR最喜欢的简历
下载文档到电脑，同时保存到云知识，更方便管理
加入VIP
还剩9页未读，
定制HR最喜欢的简历
你可能喜欢1添加评论分享收藏感谢收起赞同 1添加评论分享收藏感谢收起写回答在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
避免父子元素边距折叠问题的方式分两类：
为父元素创建块级格式化上下文（BFC）（有一些元素是默认创建了 BFC 的，比如 body 元素），让它的子元素的 margin 值不影响父元素的 margin 值计算
将父元素与它的第一子元素「隔离开」，比如给父元素加 padding 或 border
但是当这个父元素是 body 元素的时候，奇怪的现象发生了，HTML 代码如下：
html&!DOCTYPE html&
&head lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width"&
&title&testBodyMargin&/title&
&div class="father"&
&div class="son"&&/div&
CSS 代码如下
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #
background: #a0
width: 200
height: 200
margin: 50
background: #008800;
height: 50
margin: 20
background: #cc0000;
现象如图：
此时 .father 和 body 元素的上外边距是折叠的，按照 BFC 的理论，如果 body 元素默认自动创建 BFC 的话， .fahter 元素的 margin-top 不应该影响到 body元素的外边距才对，这是疑问一
下面给 body 元素加一个 overflow 的 CSS 属性
background: #a0
现象与上图无差。
此时 .father 和 body 元素的上外边距仍然是折叠的，难道文章开头提到的避免折叠的方式一对于 body 元素无效了，这是疑问二
在此基础上，再给 html 元素加一个 overflow 的 CSS 属性
background: #
奇迹发生了， 现象如图：
.father 和 body 元素的上外边距不折叠了，这是疑问三
求大神答疑解惑一下，谢谢！
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
一开始我还以为是chrome的bug，后来发现这个表现在现代浏览器上能稳定复现。
做几个实验：
1# body默认创建BFC吗？
假如body默认创建BFC，那么作为block formatting context roots，此时根据，body的高度计算中将算入float元素的高（也就是中文互联网常说的“闭合浮动”）。
创建用例：body内包含一个float元素，观察body是否被其撑高：
结果是没有:
body在IE6/7下面默认有haslayout；但在遵循了CSS2.1标准的浏览器中，body并不具有默认创建BFC的特性。
回到LZ的用例1，由于body默认不创建BFC，因此不能阻止margin折叠。
2# body在什么时候能够创建BFC？
测试一下常规的BFC创建方式：
给body加上overflow:hidden
结果：无法触发BFC的创建。
给body和html同时加上overflow:hidden
结果：可以触发BFC的创建。
给body加上display:table、display:inline-block、position:absolute
结果：可以触发BFC的创建。
为何呢？W3C CSS2.1中，：
Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other than 'visible' (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.
overflow:visible以外的块级元素将创建BFC，除非该值已经扩散到了视口。（大部分中文资料都没有译出这个except，直到这个问题被提出，我也没有意识到这个except适用于哪个场景）
UAs must apply the 'overflow' property set on the root element to the viewport.
When the root element is an HTML "HTML" element or an XHTML "html" element, and that element has an HTML "BODY" element or an XHTML "body" element as a child, user agents must instead apply the 'overflow' property from the first such child element to the viewport, if the value on the root element is 'visible'.
The 'visible' value when used for the viewport must be interpreted as 'auto'.
The element from which the value is propagated must have a used value for 'overflow' of 'visible'.
按语序提取一下（这段颠三倒四颠鸾倒凤的话的）要点：
UA需要将root元素上的overflow属性置于视口之上；
overflow扩散行为：当root元素是html元素且overflow为visible，而且html元素有body作为其子元素，UA则需要将第一个body之上的overflow属性应用于视口；
用于视口的overflow: visible将被解析为overflow: auto
overflow扩散行为将导致body的使用值为overflow: visible
我们可以解释本节的三个用例里发生的事情了：
给body加上overflow:hidden，无法触发BFC创建。解释：本用例中body {overflow:hidden} html {overflow: visible}（html为默认overflow），body的overflow:hidden被应用于视口，body的最终使用值为overflow:visible，因此body没有创建BFC。
给body和html同时加上overflow:hidden，成功触发BFC创建。解释：本用例中body, html{overflow:hidden}，html的overflow:hidden被用于视口，body的overflow计算值是hidden，因此创建了BFC。
给body加上display:table、display:inline-block、position:absolute，成功触发BFC创建。解释：这些属性都导致body正常创建了BFC。
LZ的用例2的body没有创建BFC因此没有避免margin折叠，用例3的body成功创建了BFC因此避免了margin折叠。
最后，不要完全相信任何非一手的资料，尤其是中文资料。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。【区县传真】莒县的文明啄木鸟有话说：看看上期您提的问题解决了吗？
今年的三伏天已经来临
小编提醒大家要注意防暑降温呦！
尽管天气炎热
但文明啄木鸟的热情不减！
啄“虫”不止！
先随小编看看上期文明啄木鸟“啄虫预告”问题
已解决了哪些？
1、文明啄木鸟：“烟雨江南”
时间：日 7:17
地点：沭河公园
问题描述：该指示牌南处自行车道上有钢筋裸露，存在安全隐患。
反馈：日，沭河公园管理处回复已处理完毕。
2、文明啄木鸟：“fashion永恒”
时间：日 8:57
地点：莒县人民商场附近
问题描述：贴有小广告。
反馈：日，城阳街道回复已处理完毕。
3、文明啄木鸟：“爱是永不止息”
时间：日 20:00
地点：标志服装厂对过农行
情况描述：墙上有蜘蛛网，地上有垃圾，5台机器只有1台可以用。
反馈：日，农业银行回复已整改。
4、文明啄木鸟：“人为峰”
时间：日 14:12
地点：县残疾人联合会门口
问题描述：通讯线杆底部己断裂，绑在木桩上，有严重的安全隐患！
反馈：日，县联通公司回复已处理完毕。
5、文明啄木鸟：“沭河右岸108”
时间：日 8:47
地点：银杏大道与振东大道交会处
问题描述：路面有坑。
反馈：日，县公路局反馈已修复完毕。
6、文明啄木鸟：“笠晨”
时间：日 21:30
地点：龙山高速出口与335省道交汇处红绿灯北100米
问题描述：智能限高被大车刮掉一个，躺在路边很危险。
反馈：日，县公路局回复已处理完毕。
7、文明啄木鸟：“人为峰”
时间：日 14:04
地点：潍徐路与岳石路交会处南侧人行道
问题描述：通讯光缆下垂，影响行人通行，存在安全隐患。
反馈：日，电信公司回复已处理完毕。
8、文明啄木鸟：“人为峰”
时间：日 10:45
地点：华伦酒店南侧郭家园市场最北边第一家超市
问题描述：店外经营，物品乱摆在人行道上，影响市容！
反馈：日，县综合行政执法局回复已整改完毕。
9、文明啄木鸟：“***”
时间：日 16：00
地点：莒县正基领秀城小区门
问题描述：门前道路被垃圾箱占领了一半。
反馈：日，城阳街道回复已整改完毕。
10、文明啄木鸟：“人为峰”
时间：日 13:58
地点：银杏大道联通公司营业厅西侧
问题描述：有一路口长期不绿化也不硬化，土地祼露，影响市容。
反馈：日，县联通公司回复已向市联通公司请示处理，目前已着手整改。
11、文明啄木鸟：“人为峰”
时间：日 14:06
地点：北坛路第116号路灯杆
问题描述：灯杆上的禁行标志歪了。
反馈：日，县市政公司回复：该处标识牌设置，主要为了便于陈家楼外出居民经该路口时能清晰看见禁行标志，考虑视线等问题特以该角度安装，并非歪斜。
12、文明啄木鸟：“沭河右岸108”
时间：日 12:25
地点：银杏大道为民服务中心西人行道
问题描述：建筑废渣洒落在人行道上。
反馈：经调查，此处路北正在进行工程施工，待施工完成后恢复原貌。
13、文明啄木鸟：“沭河右岸108”
时间：日 18:05
地点：莒州同心公园
问题描述：草地变成停车场。
反馈：日，瀚森园林回复针对问题出台整改方案。
文明啄木鸟“啄虫”收获颇丰
一起来看看TA们本期发现的新问题
期待下期完美反馈！
1、文明啄木鸟：“业余钓客”
时间：日 9:59
地点：廊桥
问题描述：廊桥顶有瓦片滑落。
2、文明啄木鸟：“烟雨江南”
时间：日 7:13
地点：晨曦家园主路
问题描述：下水道井盖破碎。
3、文明啄木鸟：“天空蔚蓝”
时间：日 5:47
地点：银杏大道北侧、同心公园东南十字路口人行道
问题描述：人行道上突出一截大理石桩，影响路人通行。
4、文明啄木鸟：“杨**”
地点：环保局北侧
问题描述：多处线杆已不同程度倾斜。
5、文明啄木鸟：“徐**”
时间：日 15:18
地点：莒县银杏大道彩虹花苑北侧围墙
问题描述：公益广告多处被划、撕裂。
6、文明啄木鸟：“李**”
时间：日 8:37
地点：人民商场北门对过公交站牌
问题描述：地面砖破损。
7、文明啄木鸟：“不霆锋狂”
时间：日 19:15
地点：东方城南花园
问题描述：桥面木板断裂。
8、文明啄木鸟：“**”
时间：日 8:49
地点：莒州路南边
问题描述：路边广告脱落。
有你们参与，创城更精彩！莒县创城办已将问题反馈给相关单位进行整改，整改结果及文明啄木鸟的新收获，我们将在下期一同公示。
（文明莒县）
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
今日搜狐热点