浮动

浮动

表准文档流块级元素（block）
h1>…h6>、p>、div>、列表
内联元素（inline）
span>、a>、img/>、strong>…
内联标签可以包含于块级标签中，成为它的子元素，而反过来则不成立
display属性
block 块级元素的默认值，元素会被显示为块级元素，该元素前后会带有换行符
inline 内联元素的默认值。元素会被显示为内联元素，该元素前后没有换行符
inline-block行内块元素，元素既具有内联元素的特性，也具有块元素的特性
none设置元素不会被显示
display特性块级元素与行级元素的转变（block、inline）
控制块元素排到一行（inline-block）
控制元素的显示和隐藏（none）
float属性
float:right;右浮动
float:left;左浮动
float:none;不浮动
溢出处理overflow
visible
默认值。内容不会被修剪，会呈现在盒子之外
hidden
内容会被修剪，并且其余内容是不可见的
scroll
内容会被修剪，但是浏览器会显示滚动条以便查看其余内容
auto
如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容
清除浮动clear
left
清除左侧浮动元素对当前元素的影响
right
清除右侧浮动元素对当前元素的影响
both
清除两侧浮动元素对当前元素的影响
none
默认值。允许浮动元素出现在两侧