盒子模型
嘴巴嘟嘟
人生苦短
展开
-
父相子绝导致父元素没有高度,坍塌问题
案列:如果父元素没有高度那么问题来了,为什么会这样呢?我们该怎么优美的解决呢?首先我们要知道产生这个问题的原因,子元素绝对定位,父级元素不能适应子级绝对定位元素的高度懒省事的方法就是 在父元素增加min-height待更新…...原创 2021-07-15 22:28:23 · 1226 阅读 · 0 评论 -
沉淀期——定位
导读能够说出为什么要用定位能够说出定位的4种分类能够说出4种定位各自的特点能够说出为什么常用子绝父相布局能够写出淘宝轮播图布局能够说出显示隐藏的2种方式以及区别1.定位定位的组成:将盒子定在某个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模式+边偏移静态定位相对定位绝对定位...原创 2021-07-10 20:00:28 · 110 阅读 · 0 评论 -
盒子模型高度坍塌
css中盒子模型中有关margin问题1、margin的传递-父子关系如何防止进行传递?1、给父元素设置padding-top\padding-bottom2、给父元素设置border3、触发BFC:设置overflow为auto/hidden在这里插入图片描述2、上下margin折叠-兄弟关系垂直方向上相邻的2个margin(margin-top、margin-bottom)有可能合并为1个margin,这种现象叫做collapse(折叠)水平方向则无折叠最终值的计算规则原创 2020-07-31 22:04:49 · 187 阅读 · 0 评论