CSS 同级元素浮动分析小结

原创 黎云锐 教程 前端 558阅读 2018-12-21 21:30:09 举报

float:left/right/none;

1.同级浮动

(1)使块级元素在同一行显示(所有要在同一行显示的都要加浮动)

(2)使行内元素支持宽和高

3.不设宽或高时,宽和高由内容撑开;

4.如果在某个元素上添加浮动,它将脱离标准文档流(文档流是指对象在文档所占的位置),并且向后找没有浮动的元素覆盖在上面(向后浮动),跟前面的元素没有关

5.如果某个元素加了浮动,它先脱离标准流,在根据浮动方向浮动,直到碰到上一浮动元素的边界停下来,或者因为上一层不能放下该元素而掉下来,在下一行;

6.当一个元素A浮动在一个没有浮动的元素B上,他会挤掉B的内容原来的位置,甚至挤出

分析时注意如果某一个元素浮动,只 看它前面的一个元素 ,前一个元素也浮动,则并排显示,如果前一个元素没有浮动,则相对位置不变;

详细的分析:了解更多

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复