css浮动特征
1.可以做图文绕排 2.主要让块元素排一行,多个元素一起浮动 3.注意加了浮动以后元素的顺序,标签顺序,浮动方向 4.浮动的元素脱离标准流
1.行元素浮动行元素浮动,会优先于普通元素占据设置方向的位置,不会重叠 2.块元素浮动块元素浮动,会脱离页面原本的文本流(不占据原本的空间),会覆盖其他元素 多学一招: 1.脱离文本流的元素具有行内的块元素的特性(不换行,能设置宽高),无论原来是行元素还是块元素--例:图文绕排。 2.设置了浮动的元素,居中对元素不起作用 3.浮动元素不会覆盖文字 4.大盒子放不下了,浮动元素会掉下去,掉下去的元素位置根据上一个元素的高度:(1)上一个元素高度比较小,在上一个元素的正下方(2)上一个元素高度比较大,高度的起始位置,在上一个元素的下方
总结: 1.所有元素浮动后都变成了行内块 2.浮动元素不能覆盖文字 |