我写了超出部分隐藏后为啥两个盒子文字距离上面会多出20px呢
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html><html><head> <title>盒子模型</title> <link rel="stylesheet" type="text/css" href="first.css"></head><body> <div id="div2"> <p>接下来，教练让我们练习颠球，起步是颠15个不掉地。听了教练的讲解后，我心想：不就是让球在球拍上不掉吗？这个简单。可是真正开始练习时，我慌了神，球好像作文https://Www.ZuoWEn8.Com/故意跟我玩游戏似的，就是不听我的使唤。这时，我想起妈妈的一句话：做好任何一件事，都要沉下心来。我慢慢放平心态，沉着冷静，终于，在不断努力后，我一次颠到了23个！</p> </div> <div id="div3"> <p>接下来，教练让我们练习颠球，起步是颠15个不掉地。听了教练的讲解后，我心想：不就是让球在球拍上不掉吗？这个简单。可是真正开始练习时，我慌了神，球好像作文https://Www.ZuoWEn8.Com/故意跟我玩游戏似的，就是不听我的使唤。这时，我想起妈妈的一句话：做好任何一件事，都要沉下心来。我慢慢放平心态，沉着冷静，终于，在不断努力后，我一次颠到了23个！</p> </div></body></html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | div{ width: 200px; height:200px; overflow: hidden; margin:100px 0px 50px 500px;}#div2{ background-color: yellow; padding:10px 10px 0px 10px; box-sizing: border-box;}#div3{ background-color: blue;} |
源自：CSS浮动
3-4 盒子模型（下）
20
收起
正在回答
3回答
同学你好，同学指的是蓝色div文字上方的距离吗，这是文字距离div的外边距，因为同学div中的文字使用的是p标签，p标签会默认会生成外边距，是浏览器的默认行为；同学可使用老师设置的方法来清除
未设置效果如下
设置后的效果如下
祝学习愉快
相似问题
再讲解一下一个隐藏超出部分内容的属性为啥能够清除浮动呢？
15
1
4
这个padding 不理解这个为什么会这样
15
0
3
设置BFC后子盒子还是超出父盒子了
39
0
6
老师，请问如何实现子菜单移入不隐藏，移出又隐藏
0
2
4
登录后可查看更多问答，登录/注册
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧