摘要: 盒模型 box:盒子,每个格元素在页面中都会生成一个矩形区域(盒子) 行盒在页面中不换行,块盒独占一行 盒子的组成部分 内容 content 填充 padding 边框 border 外边距 margin 补充 box-size: 盒子尺寸,宽高范围 background-clip:背景覆盖范围 w 阅读全文
posted @ 2024-04-27 15:59 冰凉小手 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 包含块(containing block) 包含块可以理解为盒子的参考系。盒子的尺寸和位置,会受它的包含块所影响。对于一些属性,例如 width, height, padding, margin,绝对定位元素的偏移值top,bottom,left,right,当我们对其赋予百分比值时,这些值的计算值 阅读全文
posted @ 2024-04-27 14:25 冰凉小手 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 定位 一个元素,只要position的取值不为static,认为该元素是一个定位元素 定位元素会脱离文档流(相对定位除外) 一个脱离了文档流的元素: 文档中的元素摆放时,会忽略脱离了文档流的元素 文档流中计算自动高度时,会忽略脱离了文档流的元素 相对定位 不会脱离文档流,在原来位置进行偏移,盒子的偏 阅读全文
posted @ 2024-04-27 14:00 冰凉小手 阅读(21) 评论(0) 推荐(0) 编辑