我有一个按钮，它的位置相对于它的父级。问题是，当父级宽度改变时，我的按钮不再在中心，我不能使用

我将展示一些图像来演示我的意思:

查看餐点和汉堡是如何不居中的，但它们是屏幕宽度为400px的居中

我尝试了w3school解决方案，但它不起作用，我也尝试了其他堆栈溢出问题，但也不起作用

顺晟科技：

我建议避免绝对定位，并在中间部分使用负的上边距。

如果您必须使用位置绝对，您需要给它100%的宽度，它将根据它的父级使用它所有的空间，现在绝对定位的div在auto上有宽度，宽度只会根据它在其中的内容扩展。不需要将父级本身定位在中心，而是将其中的内容集中在中心。

margin: 0 auto

请记住，在div中添加中心并不是中心本身，而是作用于其中的内容或子项。 另外，我建议您看看flex-box，当您想要轻松地完成遵循一致模式的CSS时，它非常有帮助。

也不要使用边距/顶部/左侧/填充来居中，如果分辨率改变，它总是会爆炸，除非使用自动。

。中间部分是否可以在此处删除位置：绝对功能并尝试？

编辑..

和 。餐-汉堡-btn->左：%15删除功能