css中浮动和定位的比较

CSS中的浮动和定位是常用的布局方式，但它们有着不同的工作原理和适用场景。

浮动的基本用法：

.box {
  float: left;
}

浮动可以让元素在容器中自由移动，脱离文档流。浮动元素需要手动设置宽高，否则宽度会自适应父元素。另外，浮动元素会影响后续元素的布局，需要清除浮动才能避免后续元素产生布局问题。

定位的基本用法：

.box {
  position: relative;
  left: 50px;
  top: 50px;
}

定位可以让元素脱离文档流，并相对于其最近的父元素（或根元素）定位。我们可以设置元素的left、right、top、bottom属性来控制元素的位置。使用定位时，需要格外注意元素的宽高和定位的父元素是否设置了position属性。 

简单的来说，浮动适用于需要自由布局的场景，而定位则适用于需要精准控制元素位置的场景。

但是需要注意的是，浮动和定位会对布局产生影响，当使用不当时会导致布局问题。在具体使用时，我们应该把握好场景和方法，避免产生不必要的问题。