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