自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 盒子尺寸-盒子的解析方式

盒子有两种解析方式:我们在样式表中输入box-sizing时,会显示border-box和content-box,第一种是边框盒子尺寸,第二种是内容尺寸。盒子模式由元素内容content,边框border,内边距padding,外边距margin构成,当我们给一个元素设置尺寸时,默认设置的是元素内容的尺寸,也就是content-box,这种在后期布局时会有很多不便。而当我们用borde

2017-12-17 20:25:34 2587

原创 float浮动时,解决父级边框塌陷的4种方法

父级边框塌陷的原因:我们在进行网页布局时,会用到float浮动属性,只要父级元素下的子元素浮动了,肯定会影响父级元素的边框。假设父级元素下有十个子元素,我们无论是全部浮动还是只浮动了一个元素,都要对父级元素采取措施防止边框塌陷。为什么这样说,我们可以试验一下,如果你只浮动了一个子元素,咱们让这个浮动的子元素高度在它同级里时最高的,运行一下,你会发现父级边框塌陷了。解决方法:1、给父级元

2017-12-17 19:08:13 8956 1

空空如也

空空如也

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

TA关注的人

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