- 博客(4)
- 收藏
- 关注
RSS订阅原创 子元素与父元素的width继承
1，同为内联元素我们知道，内联元素不可以设置width和height，所以其宽度默认都是auto，由内容撑起来。2，同为块级元素子元素默认width是100%，所以会继承父元素的宽度；但是不会继承其高度，可以通过内容把高度撑起来；另外，给子元素添加padding和margin时，可以看到内容的宽度时父元素的宽度减去子元素的margin和padding值；3，父亲是块元素，孩子是内联元素一般的内联元...
2018-03-07 09:42:58
16799
转载 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关注的人