今天完成的事情

任务六被指导改了一次，然后自己重新在写一遍，有的布局还是不会调整，经指导总算是基本完成

明天计划的事情

在看看任务五任务六总结一下，其他样式的导航栏学习一下；预习任务七

遇到的问题

1.任务六头部的两个按钮不知道如何实现自适应，最后分别给按钮设置了百分比宽度就好了，用margin-tpo实现让其下移

2.第二部分三个导航栏不能实现三等分，最后给父元素宽设为100%，每个导航栏宽33%，父元素display: flex;

3.中间大部分布局开始也很乱不会调整，屏幕变小时会换行，把字体调小就好了点，左边的小图标通过宽高控制其大小，文字通过内外边距实现据左边上边间隙

4.最下面的居中三列，中间图标不能与两边的文字图标对齐，三列放在固定宽度的盒子里，一个左浮动，一个右浮动，但没能实现

5.实在是太渣了，调整心态慢慢来吧，希望可以坚持下来吧

收获

1.胶囊式导航栏学习，由<ul class="nav nav-pills nav-justified”>控制，nav-justified让标签式或胶囊式导航菜单与父元素等宽，下拉菜单由<li>和<a>组成，<li class="dropdown>,<a data-toggle="dropdown" href="">,小三角（字体图标）由<span class=”caret”>控制，导航栏内容由<ul>控制

<ul class="nav nav-pills nav-justified">
    <li>
        <a data-toggle="dropdown" href="">所在地
        <span></span></a>
        <ul>
            <li><a href="">西安</a></li>
            <li><a href="">杭州</a></li>
            <li><a href="">重庆</a></li>

</ul>
 </li>

</Ul>

2.知道如何计算元素所占宽度百分比，ctrl+alt+i查看整个页面宽度

3.页面顶部固定定位时，向上滑动下面的字还会显现出来，用Z-index解决。

4.水平居中margin: 0 auto  与 text-align: center

5.rem相对单位，相对于根节点html的字体大小来计算的， em相对于当前对象内父元素字体尺寸来计算，会继承父级元素的大小。

6.三列左右中布局，一个左浮动一个右浮动