06-浮动布局

元素类型：

块元素：独立成行 <h1-6>、<p>、<div>、<ul>、<li>、

行内元素：不可设置高宽 不独立成行 <a>、<span>

行内块元素：可以设置高宽、不独立成行  <img>、<input>、<button（按钮）>、

转换元素：display：xxxxx；

display 转换元素 

block 块元素

inline 行内元素

inline-block  行内块元素

none  隐藏元素

浮动元素 float：

浮动元素  float

左浮动 float：left

右浮动float：right

小技巧：

去除a标签下划线：text-decoration:none

清除浮动：1浮动元素用一个div标签包括。给div添加第二个class属性。3给新添加的class设置前后伪元素选择器。4属性content添加""空值。5通过display：block设空值为块元素。6最后使用clear：both；属性清除浮动布局