                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /从 psd 到 html

clearfloat和float的区别是什么，什么时候用clearfloat什么时候用float

bh120cqsm

2016-06-18

源自：从 psd 到 html 3-1

关注问题我要回答

2754

操作

收起

3 回答

陈小窝
2016-06-19

float是浮动也就是脱离普通的文档流，当浮动元素脱离文档流就是造成他的父级的高度塌陷，或者是其他块找不到，而clearfloat是清除浮动，他会清除浮动所造成的影响，当你的元素需要水平摆放时，你可以使用浮动，还可以使用display:inline-block...

案例：

0 回复有任何疑惑可以回复我~

收起回答

伊飘雪3446279
2016-06-19

float:left; 当前元素向左侧浮动.
float:right: 当前元素向右侧浮动.

clear:left; 禁止左侧出现浮动元素,如果左侧存在浮动元素,则当前元素将在浮动元素下面另起一行呈现.
clear:right; 禁止右侧出现浮动元素,如果右侧存在浮动元素,则右侧的浮动元素将在当前元素下面另起一行呈现.
clear:both; 禁止左右两侧出现浮动元素,当前元素将排斥浮动元素独占一行呈现.