浮动:
分类:folat-left 左浮动
float-right 右浮动
float-none 默认值 不浮动
特点:1.浮动是不占据空间的
2.如果想让多个元素横排并列的话,需要把这些元素都添加浮动。
3.当给子元素都添加浮动后,它们的总宽如果大于父元素时,最后的一个子元素就会被会挤掉下来。
4.子元素想要浮动的话,父元素就必须要加上高和宽度。
5.元素添加浮动之后,对margin :0auto 就无效。
例子:两个氢气球🎈(a和b)
a和b各有一条线牵引着再用手把两根线拽住,在房间里面用剪刀把a的线减掉后,a就会向上飘浮起来,碰到天花板障碍后就会不动,a之前占据的位置也就空着了。当手松动牵着b的线后,b就会漂浮在a之前占据的位置上,再用剪刀把b上的线减掉后,b也会向上漂浮起来,碰到a后就会把a覆盖住。 这时想要a和b横排并列就需要各给它们添加上float-left就行!