我写了超出部分隐藏后为啥两个盒子文字距离上面会多出20px呢

来源：3-4 盒子模型（下）

muke_xinke

2020-07-17 18:25:32

<!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;
}