<!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>
外边距失效bug
最新推荐文章于 2023-06-27 13:24:40 发布