常见块元素:h,div,ul,li,ol,,,可以设宽高,换行
常见行内元素,a,span ,i,em等 不可以设宽高,不换行
常见行内块元素,img,input,td,可以设宽高,换行
display:inline,转换成行内
display:block;转换成块元素。
元素实际的宽度是:width+padding +border
高度也是;
盒子如果用了box-sizing:boder-box;设置的width包含,padding 和border,
box-sizing:content-box:;width,则不包含,也不包含margin.
控制台所展示的宽*高是指的实际宽度和高度
关于位置定位:
盒子设置float,脱离文档流,后面在文档流的盒子不知道它的存在,正常文档流。
盒子设置position;