如果外层盒子设置宽高，内层盒子宽高只会往内压缩吗？
来源：4-6 案例应用
慕函数225892
2018-11-14 21:51:15
当外层div设置宽高之后，内层div设置margin和padding值时，内层的div宽度和高度如何变化？
写回答
1回答
-
你好同学
当外层div设置固定的宽高之后内层div设置了margin值的时候,内层div宽度和高度不会发生变化,当内层div设置了padding值的时候,内层div的宽度和高度会根据padding的值改变,同学可以尝试运行代码,自己测试出来的结果记忆会更加深刻
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Document</title> <style> * { margin: 0; padding: 0; } .test { width: 200px; height: 200px; background: red; padding: 100px; margin: 50px; } .out { width: 600px; height: 600px; background: pink; } </style> </head> <body> <div class="out"><div class="test"></div></div> </body> </html>祝学习愉快!
0
相似问题