程平在掘金

用于动态计算长度值。（需要注意的是，运算符前后都需要留一个空格，例如：calc(100% - 20px);） 首先calc()是什么，calc是英文单词calculate（计算）的缩写。它在css3参考手册中，属于函数一栏，所以你可以把它理解为一个函数，括号里面是它的表达式。它…

2009年，W3C提出了Flex布局，它可以更简便，完整，响应式地实现各种页面的布局。Flex是Flexible Box的缩写，意思是"弹性布局"。任何一个元素都可以flex布局。注意：设置Flex布局以后，子元素的float，clear，vertical-align属性将失效…

当输入的文本超出了元素的宽度或者高度的时候，此时，就是文本溢出。文本溢出我分为两大类，一类，高度的溢出显示，另一类，宽度的溢出显示。 首先是没有固定的高度，元素的高度就是文本的高度，但是文本太高也不是很美观，给一个最大高度，文本溢出显示滚动条。 注意，该方法适用于Webkit浏…

注：Webkit浏览器包括谷歌，Safari，以及最新的Opera等浏览器。但遗憾的是，对于火狐浏览器，css滚动条属性基本没有做什么改进。

为啥1px在移动端看起来比实际的要粗很多，这是因为移动端对于‘px’这个单位的含义不一样。移动端html的header总会有一句， 这句话定义了本页面的viewport的宽度为设备宽度，初始缩放值和最大缩放值都为1，并禁止了用户缩放. viewport通俗的讲是浏览器上可用来显…

圣杯布局针对的是左右栏固定，中间栏自适应的网页布局，也叫双飞翼布局。它的布局有以下几点：