今天完成的事：

1.将 Bootstrap 的 col-xs-*用在 form元素中。这样的话,单选按钮就可以均匀地在页面上展开，不需要知道屏幕的分辨率有多宽。

  例：将两个单选按钮都放置于一个 <div class="row"> 元素中。然后，添加 <div class="col-xs-6"> 元素并分别包裹每一个单选按钮。

2.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

  如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

  浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

  由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

  注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

明天计划的事：

1.梳理这几天学习的知识。

2.进一步了解float。

3.进一步了解盒子模型。

遇到的问题：

暂无

收获：

1.css的float属性的基本用法如下：

  float：none | left | right

  none：设置对象不浮动

  left：设置对象浮动在左边

  right：设置对象浮动在右边

  当float属性不等于none引起对象浮动时，对象将被视作块对象，相当于声明了display属性等于block。也就是说，浮动对象的地上play特性将被忽略，该属性可以被应用在非绝对定位的任何元素上。

2.float元素能够并列在一行显示，除了可以通过调整包含框的宽度，来强迫浮动元素换行显示外，还可以用clear属性，该属性能够强迫浮动元素换行显示。clear属性定义了不允许有浮动对象的边。

  例：#box｛clear：left；｝

         不予许左边有浮动对象。