Css3还有必要用浮动吗

随着CSS3的推出，越来越多的开发者开始摒弃旧的布局方式，开始采用新的CSS3技术来布局。而在CSS3中，有很多新的特性被引入，例如FlexBox布局、Grid布局、Transform、Transition、Animation等等。这些特性让我们能够更加轻松地实现我们想要的布局效果，同时也让我们能够更好地适应不同的设备和屏幕尺寸。

那么，在这个CSS3的时代，我们还需要使用浮动吗？答案是肯定的。虽然CSS3有很多很好的特性，但这并不意味着我们要完全放弃浮动。有些情况下，使用浮动仍然是最好的选择。比如，当我们需要对齐一些文本块或图片，或者需要制作响应式布局时，使用浮动仍然是最常用的方式之一。

img {
  float: right; /* 图片浮动到右侧 */
  margin-left: 10px; /* 给图片留出10像素的空白 */
}

@media (max-width: 768px) {
  img {
    float: none; /* 在小屏幕上取消浮动 */
    margin: 0 auto; /* 居中显示 */
  }
}

除此之外，我们还需要注意，在一些旧的浏览器中，CSS3特性可能无法正常工作。在这种情况下，我们还需要使用浮动等传统布局方式。而且，我们需要记住，CSS3并不是完美的，它仍然存在缺陷和局限。因此，在某些情况下，我们可能需要结合使用浮动和CSS3特性来实现最佳的布局效果。

总的来说，虽然CSS3为我们提供了很多很好的特性，但浮动仍然是一个非常有用的布局方式，我们在开发中仍然需要使用它。