BFC问题

来源:3-5 CSS盒模型(二)

王耶啵的肖兔兔

2017-12-04

在课程垂直边距重叠示例中,老师给第二个p元素加了父元素div,并且给这个div创建了BFC后,为什么第二个p元素在页面上的背景色没有了,而且距离第三个p元素那么近了呢?

写回答

2回答

Molly喜

2017-12-21

<section id="margin">
<style>
*{
margin:0;
padding:0;
}
#margin{
background:grey;
width:500px;
overflow:hidden;/*消除上边距的重叠*/
}
#margin p{/*此处老师敲得代码的是#margin >p 所以内部的css属性在第二个p元素上失效了,改成#margin p就好了 */
background:pink;
margin:5px auto 25px auto;
}
</style>
<p>1</p>
<div style="overflow:hidden;">
<p>2</p>
</div>
<p>3</p>
</section>


0
0

快乐动起来呀

2017-12-04

同学,我建议你在把这块的概念多听一遍,我现在告诉你答案,后边再一变换,你还是理解不了,先尝试自己去理解,动手操作下,通过chrome调试面板来看下每个元素的范围

0
1
王耶啵的肖兔兔
可是我按照老师的代码敲了一遍,出来的页面的效果跟老师的不太一样
2017-12-11
共1条回复

前端跳槽面试必备技巧 面试官全流程指导

一门让你能成功获取前端 Offer 的课程, 不只是技术,面试“技巧”也至关重要

4836 学习 · 830 问题

查看课程