[分享]css关于float描述错误的是

最近在浏览网页设计相关的文章时，发现很多文章关于CSS中关于float属性的描述都存在误解，今天就来谈一谈。p { float: left; width: 50; } 以上代码是关于float属性的一...

最近在浏览网页设计相关的文章时，发现很多文章关于CSS中关于float属性的描述都存在误解，今天就来谈一谈。

p {
  float: left;
  width: 50%;
} 

以上代码是关于float属性的一个例子，很多人都认为float属性能够让一个元素浮动起来，但其实并不完全准确。

实际上，float属性所作用的对象是一个元素的盒子，并不是元素本身。float属性可以让盒子从普通流中脱离出来，然后在周围元素的上方浮动。同时，float属性还会影响周围元素的布局，不过这不是我们今天讨论的重点。

上述代码所实现的效果是对于一个p元素，先让它的盒子从普通流中脱离出来，然后让这个盒子左浮动，并且占据父元素宽度的50%。由于浮动元素会尽量排列在一条水平线上，所以这样就实现了两个p元素并排排列的效果。

因此，如果你想让一个元素浮动起来，就需要添加float属性到元素的盒子上。同时，要注意到浮动元素脱离了普通流，会造成布局上的影响。这还有很多值得注意的点，自己也要多加思考与实践才能更好地掌握。