<!DOCTYPE
html>
<
html lang="en">
<
head>
<
meta charset="UTF-8">
<
style>
#per{
height:
200px;
width:
200px;
background-color:
#ea2000;
overflow:
hidden;
/*在子盒子中添加外边距会失效 直接影响父盒子的外边距
这时添加这个属性 就可以解决
解决方式
1、为父盒子添加 overflow：hidden
2、为父盒子添加padding
3、为父盒子添加border*/
}
#child{
height:
100px;
width:
100px;
background:
blue;
margin:
0 auto;
margin-top:
50px;
}
</
style>
<
title></
title>
</
head>
<
body>
<
div id="per">
<
div id="child"></
div>
</
div>
</
body>
</
html>
转载请注明原文地址: https://www.6miu.com/read-67758.html
