2016-12-21

1、左边div宽度动态变化，右边宽度自适应

问题描述：
外面的黑色li框是固定宽度，left和right宽度都不定，left的宽度动态变化，right的宽度就是填充剩下的空间，自适应。

解决方案：

li{ display:table; }
.left, .right{ display:table-cell; }
.left{ white-space : nowrap; }
.right{ width: 100% ; }

2、高低都要垂直居中

div{ height:100px; }
a, span{  height:100px;  line-height:100px; }

这样设置我以为可以实现，结果是下面这种情况

紫色为辅助线。

解决方案：

div{ height:100px; }
a, span{  height:100px;  line-height:100px; }
a{ float:left; }

还需要给a标签添加一个左浮动。

3、IE8下select垂直居中问题

解决方案： padding:4px 0;

不积跬步无以至千里