【CSS趣味】flex 缺省的 auto 跟 0 到底有何区别

2016-01-12
阅读 7 分钟
15.1k
最近遇到个问题:flex:1;跟flex:1 1 0;是否等价。按照我之前对W3C属性值语法的理解,flex:1;应该是flex:1 1 auto;的缺省写法,剩下的两个flex-shrink和flex-basis的坑应该分别对应1和auto。嗯,如果我没记错的话,简写属性(shorthand)有个特性:对于缺省值会重置为对应的单个属性的初始值(详情请参看《CSS权威指南第三...

【CSS深入】设置不同块级流方向时的属性百分比计算

2016-01-06
阅读 5 分钟
6.8k
百分比在屏幕自适应是我们常用,但是很多时候某个CSS属性的百分比计算值,并非如我们所想象的那样子。前段时间有位同学分享了一篇关于margin/padding自适应布局的文章,看完后我去w3.org查了下margin和padding百分比计算的注意事项,描述如下:

【CSS学习笔记】绝对定位的父类参照物的确定

2015-12-25
阅读 3 分钟
9k
今天看CSS定位的课程,了解到一个元素要设置绝对定位,需要确定一个父类或者祖先类参照物,默认是根元素html。这个默认根元素已经明确,但是祖先类元素参照物如何确定呢?

【CSS学习笔记】对于IE6、IE7下display: inline-block; 的兼容问题的探讨

2015-12-24
阅读 6 分钟
9.2k
最近在学习CSS的display属性时,遇到一个在IE6/7下html块级元素设置inline-block属性的兼容性问题,于是就查资料,网上很多关于这个问题的解答,大致的描述如下:[1]