今天完成：

1、 了解了如何利用overflow属性控制滚动条范围；

2、 了解使用Bootstrap的轮播和网格系统

明天计划：

1、修改提交任务

2、继续完成任务八

遇到的问题：

1、如何控制滚动条的范围

解决：必备代码如下

     main {
    top:4rem;
    bottom:4rem;
    overflow:auto;

     width:100%;
    position:absolute;

}

需要注意的是top:4rem;bottom:4rem;要同时写入，缺一不可

只写入top值滚动条会正常显示

只写入bottom滚动条只会在压缩到极限时才会显示，约等于不显示

收获：

1、<ol> 标签的 type 属性

在li,ul内加入list-style。

none不使用项目符号              disc实心圆，默认值
circle空心圆                        square实心方块
decimal阿拉伯数字               lower-roman小写罗马数字
upper-roman大写罗马数字     lower-alpha小写英文字母
upper-alpha大写英文字母

webStorm怎么使用快捷键复制上一行

2、今天用idea写代码时，想要复制一行代码，才发现以前用Hbulider的复制快捷键在Idea中不起作用。

File--->Settings(Ctrl+Alt+s)--->Keymap--->搜索输入（duplicate）--->双击Duplicate Entire Lines(如下图)--->添加快捷键（这里以Ctrl+Alt+向下箭头），直接按住Ctrl+Alt+向下箭头即可（注意：不是手打字符上去的）。

3、 使用BootStrap框架后，外联、内联都无法更改其样式，行内式可以更改一些样式，但需要注意的是，container的最大宽度无法更改……

4、 overflow 属性

overflow 属性规定当内容溢出元素框时发生的事情。

5、 一旦一个元素浮动了，不但能够和其他元素并排，并且能够设置宽高了。无论它原来是个div还是个span，而且他的祖先元素最好设置高度（未设置高度的div,审查元素时发现高度为0），不然无法关住浮动。

可以通过内墙法，为父元素撑出高度。

代码：

p{

             float: right;

}

<div style="background: #FF0000;">

          <p>aaa</p>

          <p>bbb</p>

<!--         <div style="clear: both;"></div>

-->      

       </div>

效果：

代码：p{

             float: right;

}

<div style="background: #FF0000;">

          <p>aaa</p>

          <p>bbb</p>

          <div style="clear: both;"></div>        

       </div>

效果：

6、 设置了清除浮动标签的属性，如果前后div未设置高度，margin属性会失效。

并且只有标准流中的盒子才能使用margin:0 auto；居中，当一个盒子浮动了、绝对定位了、固定定位了，都不能使用margin:0 auto；

7、 如果父元素没有border属性，那么子元素设置的margin实际上将会作用到父元素外

代码如下：

.father{

             width: 200px;

             height: 200px;

             background: #FF0000;

          }

          .son{

             width: 100px;

             height: 100px;

             background: #737373;

             margin-top: 100px;;

       }

效果：

父元素加了border后效果如下：

当然Margin这个属性本质描述的是同级间的距离，描述父子元素的距离最好还是用padding。