关于自适应布局&&LESS的calc

总共有三列，每列有相同的宽度，无论总宽多少，运用浮动布局的时候，我们经常用100%来匹配，但是这个时候，如果我们再设置，margin,border或者padding的时候，就会打扰了原来的布局。
这个时候的解决方案。

一个是在外层div里面嵌套div，来解决这个问题。
例子在响应式这里用这样的方法
http://ysyszrj.github.io/ife/html&css/task8/index.html

另外一种就是运用css3的calc，这里面我因为用Less写，所以主要是想说明怎么在less里面运用calc的方法，格式如下。这个时候添加浏览器特定的语法哦。

div {
 @{diff} : 30px;
  width : calc(~"100% - @{diff}");
}

还有一种是利用flex，之前
http://ysyszrj.github.io/ife/html&css/task10/index.html
这种灵活性更高。