使用
border-box模型时，边框大小中将包含填充。
<!DOCTYPE html><html> <head> <title>padding example</title> <style type="text/css"> .seventy { display: block; float: left; width: 70%; background-color: red; } .thirty { display: block; float: left; width: 30%; padding: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: green; } </style> </head> <body> <div >Stuff</div> <div >More Stuff</div> </body></html>
