float clear display visibility
float: none(不浮动)、left(浮在左边)、right(浮在右边).
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913115.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913116.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913117.png)
clear: none(允许浮动)、left(取消左浮动)、right(取消右浮动)、both(取消左右浮动).
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913118.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913119.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913120.png)
display: inline(并行)、block(分行)、none(隐藏)
display: inline
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913121.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913122.png)
display: block
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913123.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913124.png)
display: none
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913125.png)
visibility: visible(可见)、hidden(不可见,但占位)、collapse(暂不支持).
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913126.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/171104/o_0913127.png)