<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>for what</title>
<style>
#box{
width: 100px;
margin: 10px;
background-color: #d5d5d5;
/*添加一点内边距或与背景颜色相同的边框可以修复bug
padding: 1px;
border: 1px solid red;*/
}
#box p{
margin: 20px;
background-color: #6699ff;
}
</style>
</head>
<body>
<div id="box">
<p>this is a text</p>
</div>
</body>
</html>
结果样式:
添加一点内边距或边框后:
总结于精通CSS