盒子模型

时间：2019-08-07 14:31:43 阅读：108 评论：0 收藏：0 [点我收藏+]

首先，任何情况下 margin 都不包含在height和width内。而padding与边框是否包含则有两种情况。

在标准盒子模型中

如图：325x146便是宽高，即内容框的宽高，并不包含padding和border。这是标准盒模型的情况。

非常值得注意的是：padding + margin + border + 内容 = 整个屏幕的高/宽

平常出现滚动条就是因为设置了border，padding，margin。以后一定要注意这个问题。

通过css样式，可以让我们更容易掌控div的高度和宽度

box-sizing:border-box; // width = 左右padding + 左右border + 内容的宽

box-sizing:content-box; // width = 内容的宽

原文地址：https://www.cnblogs.com/CatcherLJ/p/11314975.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行