关于css里的盒子模型的笔记

关于css里的盒子模型的笔记

盒子模型

盒子壁	border
内边距	padding
外边距	margin
–	–
盒子内容	width+height

这些后面分别可以放
4个值 分别是上右下左
3个值 分别是上 左右 下
2个值 上下 左右
1个值 上下左右的值相同

定位技术（层模型）

①position：absolute（相对于最近的有定位的父级进行定位，若没有最近的有定位的父级，那么相对于文档定位）→绝对定位，可以被定位，脱离原来位置重新定位→不同的层
配合left 和top用，或right和bottom
②relative定位（相对） →保留原来位置进行定位（相对于原来的位置进行定位）
配合left 和top用，或right和bottom
③fixed→固定定位 广告定位

应用：用relative作为参照物，用absolute来定位