![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
EIiejor
这个作者很懒,什么都没留下…
展开
-
css定位相关知识以及绝对定位盒子如何实现水平或垂直居中
一 定位的组成 定位一般由俩部分组成:定位模式+边偏移 边偏移有以下四种 定位模式有以下四种 这里需要注意绝对定位的移动位置基准有俩种情况,第一种是该元素的父级元素(或者父级的父级也可以)已经定位的情况下,那么该元素的移动位置以父元素为基准。第二种是如果该元素的父元素没有定位,那么该元素的移动位置以浏览器为基准。 所以一般使用绝对定位时有一个原则就是子绝父相 子绝父相——子级是绝对定位,父级要用相对定位 子元素使用绝对定位时,父级元素要使用相对定位的原因是要想保证然子元素在父元素内的某一个位置时,那么父元素原创 2020-08-02 21:33:22 · 438 阅读 · 0 评论 -
css清除浮动的四种办法
为什么要清除浮动 在很多情况下,父级盒子不方便给高度,但是子盒子浮动就会脱标而不占有位置,最后父级盒子高度为0,这样就会影响下面的标准流盒子 清除浮动的本质 为了解决父级元素因为子级浮动引起内部高度为0的问题。清除浮动后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了。 解决方法 1 额外标签法(隔墙法) 在浮动元素末尾添加一个空标签如 2 父级添加overflow属性方法 overflow为hidden或auto或scroll都可以实现 3 使用after伪元素清除浮动 .c原创 2020-08-02 18:30:13 · 219 阅读 · 0 评论 -
css塌陷问题 外边距合并问题
CSS塌陷问题分为俩种 1 相邻元素的垂直外边距合并问题 问题描述:当上下相邻的俩个块元素相遇时,如果上面的元素有marigin-bottom,下面的元素有maring-top,则他们之间的垂直间距不是marigin-bottom + margin-top的和,而是取俩个值中的较大者。 解决方案:尽量只给一个盒子添加margin值 示例:如下图所示俩个div虽然都分别设置了下外边距和上外边距,但是他们之间的间距是60px 2 嵌套关系的垂直外边距合并问题(塌陷) 问题描述:对于嵌套关系的块元素,如果父元素原创 2020-08-02 16:13:26 · 224 阅读 · 1 评论