<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #parent{ width: 300px; height: 300px; background-color: #42668f; overflow: hidden; /*用overflow解决下方child中的margin-top中的父类子类都移动的现象*/ /*或者为父类添加padding,或者为父类添加border*/ } #child{ width: 150px; height: 150px; background-color: #f2ad0a; margin: 0 auto; margin-top: 75px; } </style> </head> <body> <div id="parent"> <div id="child"></div> </div> </body> </html>
html5第七课时,用overflow解决下方child中的margin-top中的父类子类都移动的现象
最新推荐文章于 2021-08-28 17:20:00 发布