摘要： css盒子就是它的盒模型，所有css的布局都是以此作为基础的，很有必要来详细记录一下。 1、盒子的尺寸就是margin+padding+border+content的总和，这很好理解，但令人迷惑的可能就是四个顶角是怎样产生的，可以由两个例子来看一下：1 2 效果如图：和。从这两幅图可以看出：四个顶角的矩形是由相邻两个边框各分一半形成的。 此时如果将某些边框的颜色设为背景色或者透明，则可以形成梯形；如果在将宽和高设为0，就可以产生三角形，1 2 效果如图：和。 2、如果没有显式的设置盒子大小，其尺寸该怎样确定呢，还是看几个例子吧： 1 2 3 上官云野 4 ... 阅读全文