htmlcss中float浮动的⽤法实例详解⼀、float基础⽤法⽰例
1、我们先建两个div盒⼦，设置⾼度、宽度和背景颜⾊；
最开始两个盒⼦在⽹页上的位置如下：
html里的float是什么意思
然后我们将红⾊盒⼦浮动到右边
然后我们会发现红⾊盒⼦浮动到了右边，但是蓝⾊盒⼦就直接上移到了原先红⾊盒⼦的位置。
然后我们将蓝⾊盒⼦也浮动到右边看看效果：
我们会发现它会紧跟着红⾊盒⼦排列，⽽不会受块级元素影响独占⼀⾏。
⼆、浮动定位的基本规则
1、当元素的float属性取值为left或right时，元素属于浮动定位;
2、若剩余空间⽆法放下浮动的盒⼦，则该盒⼦向下移动，直到具备⾜够的空间能容纳盒⼦，然后再向左或向右移动；
3、浮动盒⼦的顶边不得⾼于上⼀个盒⼦的顶边；
4、浮动盒⼦在摆放时，要避开常规流盒⼦；常规流盒⼦在摆放时，⽆视浮动盒⼦；
5、常规流盒⼦的⾃动⾼度计算时，⽆视浮动盒⼦
6、清除浮动：clear:both(左或右)。
总结
以上所述是⼩编给⼤家介绍的html/css中float浮动的⽤法实例详解，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。