为什么margin:auto 0无效

margin:auto 无效的原因可能是因为该元素的父元素没有设置宽度，或者该元素的display属性不是块级元素。如果父元素没有设置宽度，那么该元素的margin:auto就无法生效，因为它不知道应该在哪个位置居中。如果该元素的display属性不是块级元素，那么它的宽度可能会被内容撑开，导致margin:auto无法生效。

相关问题

为什么margin: 0 auto对行内元素无效

这是因为margin: 0 auto 只对块级元素有效。行内元素的宽度由它的内容决定，所以无法设置左右居中。若想要实现行内元素的水平居中，可以将其设置为块级元素，或者使用text-align属性将其父元素的文本内容居中。

为什么margin: 0 auto;对浮动元素无法居中

浮动元素的特性是脱离文档流，它会尽可能地向左或向右浮动，而不会参与到普通文档流中的位置计算。因此，对于浮动元素，设置`margin: 0 auto;`是无法实现水平居中的。

`margin: 0 auto;`是一种常见的用于实现块级元素水平居中的方法，它依赖于普通文档流中块级元素的自动外边距特性。在普通文档流中，当一个块级元素的左右外边距都设置为`auto`时，它会自动将左右外边距平分，从而实现水平居中。

但是，对于浮动元素，由于其脱离了文档流，它的布局方式与普通文档流中的块级元素不同。浮动元素的水平布局是通过`float`属性来控制的，而不是通过外边距。因此，对浮动元素应用`margin: 0 auto;`是无效的。

如果要实现对浮动元素的水平居中，可以考虑其他方法，比如使用相对定位和负边距、使用flexbox布局等。具体方法可以根据实际情况选择。