盒子的宽度=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
比如:
css代码:
div{ width:200px; padding:20px; border:1px solid red; margin:10px; }
html代码:
<body> <div>文本内容</div> </body>
元素的实际长度为:10px+1px+20px+200px+20px+1px+10px=262px。在chrome浏览器下可查看元素盒模型,
盒子的宽度=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
比如:
css代码:
div{ width:200px; padding:20px; border:1px solid red; margin:10px; }
html代码:
<body> <div>文本内容</div> </body>
元素的实际长度为:10px+1px+20px+200px+20px+1px+10px=262px。在chrome浏览器下可查看元素盒模型,