任务进展：

       1：还是没有解决header按钮组:active时出现边框问题。

       2：使用bootstrap栅格放置按钮下拉菜单，避免了宽度不均的问题。但此时按钮继承了bootstrap栅格的float：left属性：更改不了，所以便设置其width100%充满栅格，此时下拉列表又不够宽：因此将ul也设置为width100%解决。

      3：使按钮下拉菜单中caret标志居右不能利用float：right，这样其不在中间：使用绝对定位，top50%,right0,然后调节margin-right统一对齐于页面右端。

      4：主体列表采用bootstrap列表组嵌套，使第二行红字和大于号图标浮动居右。制作了列表图标sprites图，使用background-position：url（）定位显示成功

遇到问题：

       1：页面滚动时，header会随着一起滚动，设置position：fixed会偏移页面主体，且被下方的按钮下拉菜单覆盖：

明日尝试解决。

       2：页面滚动条不在页面设定的max-width内明日尝试解决。

明日计划：

       1：百度header按钮组的问题。

       2：解决问题1和2。

收获：

       bootstrap中很多组件的属性都有继承关系，使用时注意，可通过chorme工具查看，确定细节问题出现的原因，采取适当的方法解决或避免。