自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 问答 (1)
  • 收藏
  • 关注

原创 css定位相关知识以及绝对定位盒子如何实现水平或垂直居中

一 定位的组成定位一般由俩部分组成:定位模式+边偏移边偏移有以下四种定位模式有以下四种这里需要注意绝对定位的移动位置基准有俩种情况,第一种是该元素的父级元素(或者父级的父级也可以)已经定位的情况下,那么该元素的移动位置以父元素为基准。第二种是如果该元素的父元素没有定位,那么该元素的移动位置以浏览器为基准。所以一般使用绝对定位时有一个原则就是子绝父相子绝父相——子级是绝对定位,父级要用相对定位子元素使用绝对定位时,父级元素要使用相对定位的原因是要想保证然子元素在父元素内的某一个位置时,那么父元素

2020-08-02 21:33:22 460

原创 css清除浮动的四种办法

为什么要清除浮动在很多情况下,父级盒子不方便给高度,但是子盒子浮动就会脱标而不占有位置,最后父级盒子高度为0,这样就会影响下面的标准流盒子清除浮动的本质为了解决父级元素因为子级浮动引起内部高度为0的问题。清除浮动后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了。解决方法1 额外标签法(隔墙法)在浮动元素末尾添加一个空标签如2 父级添加overflow属性方法overflow为hidden或auto或scroll都可以实现3 使用after伪元素清除浮动.c

2020-08-02 18:30:13 236

原创 css塌陷问题 外边距合并问题

CSS塌陷问题分为俩种1 相邻元素的垂直外边距合并问题问题描述:当上下相邻的俩个块元素相遇时,如果上面的元素有marigin-bottom,下面的元素有maring-top,则他们之间的垂直间距不是marigin-bottom + margin-top的和,而是取俩个值中的较大者。解决方案:尽量只给一个盒子添加margin值示例:如下图所示俩个div虽然都分别设置了下外边距和上外边距,但是他们之间的间距是60px2 嵌套关系的垂直外边距合并问题(塌陷)问题描述:对于嵌套关系的块元素,如果父元素

2020-08-02 16:13:26 245 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除