浮动（float）是HTML和CSS中一种常用的布局方式，它允许元素脱离正常的文档流并沿其父容器的左侧或右侧边缘对齐，浮动之所以默认向左，是因为这是基于早期网页设计的需求和从左到右的阅读习惯。
在早期的网页设计中，设计师们希望在页面上实现文本环绕图片的效果，类似于报纸和杂志的排版，为了实现这种效果，他们需要让图片脱离正常的文档流，使其浮动在文本的左侧或右侧，由于大多数语言（如英语、汉语等）的阅读习惯是从左到右，因此浮动元素默认向左对齐，以便文本能够自然地环绕在图片的右侧。
HTML中的浮动属性有两个值：left（向左浮动）和right（向右浮动），当为元素设置浮动属性时，元素会根据指定的值沿其父容器的左侧或右侧边缘对齐，如果我们为一个图片设置float: left;，那么图片将浮动在其父容器的左侧，而文本和其他元素将环绕在其右侧，相反，如果我们设置float: right;，图片将浮动在其父容器的右侧，文本和其他元素将环绕在其左侧。
浮动布局在网页设计中有很多应用，例如创建导航栏、图片画廊、广告等，浮动也可能导致一些问题，如父容器高度塌陷、浮动元素之间的间距不一致等，为了解决这些问题，开发者通常需要使用清除浮动（clear）属性，或者采用其他布局技术，如Flexbox和Grid。
浮动之所以向左，是因为这符合大多数语言的阅读习惯，并且有助于实现文本环绕图片等设计效果，在使用浮动布局时，我们需要注意其可能引发的问题，并根据实际情况选择合适的布局方法，随着网页设计技术的发展，浮动布局逐渐被更先进的布局方式所取代，但在某些场景下，它仍然是一种有效的解决方案。