首页 > 文章列表 > css怪异盒模型的介绍

css怪异盒模型的介绍

css怪异盒模型
303 2022-08-06

说明

1、怪异盒设置的width/height不仅包含了content盒子内容的宽度/高度,还包含了padding和border的宽度/高度。

2、一个块的总宽度= width + margin(左右)

即width已经包含了padding和border值

实例

div {
    width:200px;
    height:200px;
    padding:50px;
    border:10px solid yellowgreen;
    margin:50px;
}

本文教程操作环境:windows7系统、css3版,DELL G3电脑。