p { float: left; }
其中p代表要浮动的HTML标签,可以根据实际需求进行修改。float属性用来控制元素的浮动方向,left表示左浮动。
需要注意的是,设置左浮动后,元素会脱离文档流并向左浮动,因此可能会影响其他元素的布局。为了避免这种情况,可以使用CSS的clear属性清除元素浮动。
.clearfix::after { content: ""; display: block; clear: both; }
上述代码中的clearfix表示要清除浮动的容器,::after伪类用来在容器内部创建一个空元素以便清除浮动, clear: both属性表示同时清除左右浮动。
字体左浮动常用于制作图文混排效果,将一张图片和一段文字左右排布,其中文字采用左浮动;或者将多个元素左浮动形成一行排列。