第二章：第11节 CSS列表属性、浮动属性
更新于：2016-12-13 21:10:34
列表属性只有一个比较常用的属性：
list-style:none; 清除<li>标记左侧的符号
上一章节学习HTML列表标记，无论有序列表标记<ol><li></li></ol>，还是无序列表标记<ul><li></li></ul>，它每一行都有开头符号，这样会影响到页面的美观，所以用 list-style:none;就可以清除<li>标记左侧的符号。
HTML列表标记多用于布局排版，尤其像新闻列表这样的内容排版，我们已知道列表标记是块元素，如
效果：
会不会觉得右边还可以放下新闻就这样空着页面不好看，这里我们学习一个新的属性，浮动属性float，前边楠神也已举过一个例子。
楠神给<li>加上属性float:left;
就变成这样了
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。
一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
浮动元素之后的元素将围绕它。
浮动元素之前的元素将不会受到影响。
如果图像是右浮动，下面的文本流将环绕在它左边。
浮动元素会被自动设置成块级元素，相当于给元素设置了display:block，元素本身的display属性将被忽略。
上面的新闻浮动后为什么出现错乱，因为浮动元素将脱离原来的普通文档流，不再占空间，层级高于普通元素。像这样的情况是我们没有给.news加上height属性。
有浮动就应该有清除，不需要给.news加上height属性也可以正常显示，那就用到清除属性clear:both;
float属性、clear属性在手册“布局”里，浮动、清除浮动这两个属性还是比较重要的，朋友们可以参考我提供的代码自行研究下。