导航栏自适应居中 垂直滚动条

仅以此文章对自己的前端学习工作进行一个记录。

要求：导航栏左侧logo和系统名称为400px，右侧登录部分150px，将中间导航栏ul li功能图标看做一个整体，位于功能区中间，与两侧区域的距离为自适应。

遇到的问题：.menu{}即ul不能设置float：left；   否则会在.serMenu  div 中左浮动，无法实现居中（text-align:center; 子盒子不能加浮动）

---

垂直滚动条：div中有图片img 使图片宽度自适应屏幕尺寸，高度可滚动查看

div{

    height: 100%;  /*要设置固定宽高大小才能实现超出部分滚动*/

    overflow: auto;

//    overflow-y:scroll;

}

img{

    width:100%;

  }