自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 子元素与父元素的width继承

1,同为内联元素我们知道,内联元素不可以设置width和height,所以其宽度默认都是auto,由内容撑起来。2,同为块级元素子元素默认width是100%,所以会继承父元素的宽度;但是不会继承其高度,可以通过内容把高度撑起来;另外,给子元素添加padding和margin时,可以看到内容的宽度时父元素的宽度减去子元素的margin和padding值;3,父亲是块元素,孩子是内联元素一般的内联元...

2018-03-07 09:42:58 16788

转载 flexbox——css伸缩布局

1术语伸缩容器:设有“display:flex”或“display:inline-flex”的元素伸缩项目:伸缩容器的子元素主轴:沿着主轴伸缩项目主轴长度:伸缩项目在主轴方向的宽度或者高度就是株洲长度,其属性是width或者height;侧周长度则是另一个;测轴:垂直于主轴2开始使用flex指定元素为flex之后,用flex-row属性决定子元素是在一行还是在一列显示,可以定义关键词“wrap”指...

2018-03-05 21:12:55 262

原创 css之浮动和position

第一部分是对浮动的讲解,第二部分是关于position的几个值的区别;1,浮动浮动是页面元素定位的一种基本功能,可以让元素一个挨着一个。浮动可以创建一个自然流布局,同时允许元素设置自身尺寸和父元素容器的尺寸大小。元素浮动时,一个元素的位置依赖于其周边的其他元素;浮动存在的问题:一个父元素包含了多个浮动的子元素,页面内容设置了宽度,子元素的浮动确定了自己的位置,但是浮动元素不会影响父元素的宽度。这样...

2018-03-05 14:30:42 836

转载 三种三栏网页宽度自适应布局的方法

原文地址 : 点击打开链接1,左右两栏采用绝对定位,固定于页面左右两侧, 中间主体使用margin值撑开距离;优点:简单易理解,受内部元素影响破坏布局的概率低;三栏位置可以任意调整;缺点是:如果中间栏有最小宽度限制,或者含有宽度的内部元素,则当浏览器宽度小到一定程度会发生层重叠的情况2,margin负值法中间栏双层div,外层宽度100%,并浮动;内层是真正的主体内容,左右margin210px;...

2018-03-05 10:54:24 420

空空如也

空空如也

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

TA关注的人

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