CSS 定位，是众多前端中的一个非常基础的内容。通过使用定位，可以很方便地控制元素在页面中的位置和布局。但是，有一部分新手非常容易犯的错误，就是随便使用 CSS 定位，这是一种非常不好的编码习惯，会给后期维护带来很大麻烦。

首先，我们需要明确一点：CSS 定位最大的问题是会影响页面的布局。也就是说，如果你在一个元素上使用了 position 属性，而没有明确指定它的位置，那么它可能就会影响到其他元素的位置。这个时候，你可能会发现页面上出现了奇怪的布局效果，很难理解。

其次，CSS 定位往往需要手动计算元素的位置。例如使用绝对定位时，需要自己手动计算 left 和 top 属性，从而确定元素的具体位置。如果在这个过程中出现了计算错误，可能会导致元素错位甚至跑出页面。这是非常不利于后期维护的。

最后，CSS 定位有很多兼容性问题，特别是在移动端设备上。由于移动设备的屏幕尺寸不同，因此需要适配不同的布局。而 CSS 定位对于不同尺寸的屏幕效果不尽相同，这意味着你需要为每种屏幕尺寸都写一份布局代码，否则页面可能出现显示异常。

// 糟糕的例子
.box {
position: absolute;
top: 0;
left: 0;
}
// 建议的做法
.box {
margin: 0 auto;
}

因此，我们在编写 CSS 代码时，应该尽量避免使用过多的定位属性，尤其是在不必要的情况下。如果你需要控制元素的位置和布局，建议使用其他方式，例如 flexbox、grid layout 等布局方式。这样不仅更加简洁明了，也会大大提升代码的可维护性。