外边距失效bug

来源:互联网 发布:软件实施人员基本素质 编辑:程序博客网 时间:2024/06/01 07:31
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <style>        #per{            height: 200px;            width: 200px;            background-color: #ea2000;            overflow: hidden;  /*在子盒子中添加外边距会失效  直接影响父盒子的外边距                       这时添加这个属性   就可以解决                       解决方式                       1、为父盒子添加 overflowhidden                       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>
0 0
原创粉丝点击