Capstone训练营4

今天是训练营的第四天了，今天主要讲了css中的浮动。

在CSS中，通过float属性，设置浮动，它的值有两个:left和right;：left向左浮动，right向右浮动。

1..它的宽度值会发生变化， 宽度值会变成包含元素的内容宽度。

2..第二个特点在不设置浮动的情况下，相邻div中内容会在不同行显示。设置了浮动的元素，会释放其之前所占的空间，这样做会导致下面的div向上移动，下方div的左顶点与设置浮动属性的div元素的左定点对齐。下方未设置浮动的div内的文本会环绕浮动元素。 浮动元素会根据浮动属性值，向左或向右浮动，直到碰到包含框或前一个浮动元素边框时停止。

3.如果某个容器只包含浮动元素，那么会出现”塌陷”情况。 方式有很多种，其中最简单的就是在父包含框最后增加<div style=“clear:both;”></div>.

今天主要的制作内容是模仿制作北大网页的首页。