今天完成的事情：提交任务六，进行任务七，了解栅格系统，布局页面一

明天计划的事情：争取完成任务7

遇到的问题：<select>标签居中，利用padding进行居中或外面在加一个div，再将内容隐藏，还是bootstrap好用。

收获：

float与绝对定位的区别；

使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的本依然会为这个元素让出位置，环绕在周围。

设置了绝对定位后，不仅是旁边的其他盒子无视蓝色div的存在，连盒子里的文本也无视了蓝色div的存在，固定在一个位置。

relative：生成相对定位的元素，相对于其正常位置进行定位。  元素的位置通过left、right、top、button属性进行规定，  可以通过z-index进行层次分级。  元素元素仍保持其未定位前的形状，原本所占的空间仍将保留。  如果没有定位偏移量，对元素本身没有任何影响  

absolute：生成绝对定位元素。使元素脱离文档流，并相对于其包含块进行定位，包含块可能是文档中的另一个元素或者是初始包含块，  元素原先在正常文档流中所占的空间会会被后面元素占据；  元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框；  绝对定位元素的包含块由离它最近的 'position' 属性为 'absolute'、'relative' 或者 'fixed' 的祖先元素创建。只要父级元素设置了position并且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）。如果都没有定义，那么就相对于整个文档body定位（注意不是相对于浏览器窗口定位）  相对定位一般都是配合绝对定位元素使用

 fixed：生成绝对定位元素，相对于浏览器窗口的定位。通常配合z-index一起来使用。比如说网页上悬挂的聊天图标或者广告就是用了fixed

Bootstrap4 CDN