2018-12-25 浏览器的默认样式，内联元素的盒模型，display和visibility,overflow,文档流，浮动,文字环绕，内联元素的浮动，简单布局

margin:0 auto可以将块元素居中。

浏览器默认样式的清除：
*{margin:0;
padding:0;
}
display
行内元素不能设置width，height，margin-top，margin-
bottom。
可通过修改display来修改元素的性质。
可选值：
block：设置为块元素
inline：设置为行内元素
inline-block：设置为行内块元素
none：隐藏元素

visibility:用于元素是否可见。
和display不同，使用visibility隐藏一个元素，隐藏后的元
素依然在文档中占位，不会被其他元素覆盖。
可选值：
visible:可见的
hidden：隐藏的

overflow
当相关标签里面的内容超出了样式的宽度和高度时，浏览器就会让内容溢出盒子。
可通过overflow来控制内容溢出的情况。
可选值：
visible：默认值
scroll：添加滚动条
auto：根据需要添加滚动条
hidden：隐藏超出盒子的内容

文档流：
文档中可实现的对象在排列时所占的位置。
文档流默认紧贴上一个元素的右边
一.块：1.独占一行，自上而下排列 2.宽度默认占父元素的100%（auto）3.高度默认被内容撑开
二.内联元素：1.只占自身大小，从左向右排列，自动换行，继续从左向右 2.宽度默认被内容撑开

浮动
使元素脱离原来的文本流，在父元素中浮动起来。
可选值：
none：不浮动
left：向左浮动
right：向右浮动
元素浮动不会影响父元素的高度，
浮动元素默认会变为块元素，即使设置display：inline仍
是一个块元素。

中粮我买首页布局