我写了超出部分隐藏后为啥两个盒子文字距离上面会多出20px呢
<!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>
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标签会默认会生成外边距，是浏览器的默认行为；同学可使用老师设置的方法来清除
未设置效果如下
设置后的效果如下
祝学习愉快
相似问题
登录后可查看更多问答，登录/注册
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星