display与浮动

display:      ①none(默认,不显示不占位置)           ②block(块级元素)         ③inline(行内元素)        ④inline-block(行内块级)

------使用display会用空格,删除空格的两种方法:

一:上一行的结束标签和下一行的开始标签放在同一行

二:增加父类,给父类设置font-size为0px,如果子类有文字,记得在子类中把字体大小设置回来。


visibility:     ① visible(默认,可见)                       ②hidden(不显示但是占位置 )                 ③collapse(表格中使用,删除一行或者一列,不影响整体布局)


float:         ①  none        ②  left          ③right               (默认 ,左浮动,右浮动)

--------  使用浮动也要清除浮动,方法有三:

一:在最后一个浮动元素下面设置一个div,设置clear:both

二:在显示在浮动元素下方的块级元素里,设置clear:both

三:设置一个父类,给父类     设置overflow  :  hidden


 

你可能感兴趣的:(display,浮动)