元素隐藏浮动以及转化元素类型

元素隐藏浮动以及转化元素类型

元素转化类型

属性值（display）	作用
inline	把块元素转化为行元素
–	–
block	把行元素转化为块元素
–	–
inlne-block	把其他元素转化为行内块元素
–	–
none	消失隐藏

浮动

float：left（向左浮动）/ right（向右浮动）

什么是浮动

   浮动就是改变元素原来的位置

浮动的作用

通过改变标签的属性达到布局的目的      

标签浮动以后的特点

块元素标签浮动后，会在一行内显示，改变了文档流

什么是文档流

文档流指的就是标签在页面中，正常显示的顺序

  比如：本来快标签在页面垂直显示，加了浮动后，块元素标签会在一行内显示；
        行元素标签本来是在一行内显示，没有宽高，但是加上浮动之可以设置宽高

清除浮动 （clear：both；）

溢出隐藏（overflow：hidden/scroll/auto；）

隐藏但是位置还在（visibility：hidden；）

元素隐藏的方式以及他们各自的特点

display：none； 元素彻底消失 （让内容彻底消失，位置也就不在了）
visibility：hidden；隐藏但是位置还在
opacity：0； 透明度为0
将宽（width）高（height）设为0
overflow：hidden/scroll/auto；溢出隐藏（超出文本的部分隐藏）