盒子尺寸
06padding不会影响盒子尺寸.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { padding: 0; margin: 0; } div:first-child { height: 300px; border: 1px solid blue; padding-left: 200px; /*盒子没有设置宽度 padding不会影响盒子的宽度*/ padding-top: 10px; } div:last-child { width: 300px; height: 40px; border: 1px solid pink; } p { height: 20px; background-color: yellowgreen; padding-left: 100px; } </style> </head> <body> <div>奔跑吧 兄弟</div> <div> <p> 摔跤吧 爸爸 </p> </div> </body> </html>