【JavaWeb】CSS浮动

CSS的Float（浮动）使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止

浮动设计的初衷为了解决文字环绕图片问题，浮动后一定不会将文字挡住，这是设计初衷

文档流是文档中可显示对象在排列时所占用的位置/空间，而脱离文档流就是在页面中不占位置了

浮动的样式float常见值：

值	描述
left	元素向左浮动
right	元素向右浮动
none	默认值，元素不浮动，并会显示在其在文本中出现的位置

通过代码动的效果：