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

mac2025-12-13  8

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

盒子模型

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

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

定位技术(层模型)

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

应用:用relative作为参照物,用absolute来定位

最新回复(0)