高度为0的div margin不生效

如果一个 div 的高度为 0，那么它的 margin 是不会生效的。这是因为 margin 是指定元素与其周围元素之间的空间，如果元素的高度为 0，那么它与其他元素之间就没有空间可用来显示 margin 了。

如果你想让这个 div 的 margin 生效，你可以尝试给它一个非零的高度或者设置它的 padding 或 border 属性来创造一些空间。另外，你也可以考虑使用 display 属性来改变元素的显示方式，例如将它设置为 inline-block 或者 table-cell。这样可以让元素与周围元素之间产生一些空间，从而让 margin 生效。

相关问题

上面回答 margin: 0 auto; 不生效

非常抱歉之前的回答不准确。确实，在绝对定位或浮动布局中，`margin: 0 auto;` 无法使元素水平居中。对于居中对齐的需求，您可以使用其他方法来实现。以下是一种可能的解决方案：

<div class="parent">
  <div class="child child-blue"></div>
  <div class="child child-black"></div>
  <div class="child child-gray"></div>
</div>

.parent {
  width: 100%;
  height: 10%;
  position: relative;
}

.child {
  height: 100%;
  position: absolute;
}

.child-blue {
  background-color: blue;
  width: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.child-black {
  background-color: black;
  width: 10%;
  right: 20px;
}

.child-gray {
  background-color: gray;
  width: 10%;
  right: 40px;
}

在这个解决方案中，父级容器 `.parent` 使用相对定位，子级容器 `.child` 使用绝对定位。`.child-blue` 使用 `left: 50%;` 和 `transform: translateX(-50%);` 来实现水平居中。`.child-black` 和 `.child-gray` 使用 `right` 属性来设置靠右的位置，并设置相应的间距。

请注意，在这种方法中，父级容器的高度需要事先确定，以便子级容器可以使用百分比值来设置高度。同样，请在 HTML 中使用相应的类名，并将 LESS 样式编译为 CSS 使用。

移动端 行内元素margin-top 负值不生效

在移动端，行内元素（如`<span>`、`<a>`等）默认是没有垂直 margin 的，因为它们的行为更像是文本的一部分，而不是块级元素。如果你试图给行内元素设置负 `margin-top`，它通常不会像块级元素那样生效，也就是说，内容不会上移。

然而，有一些技巧可以模拟这种效果。一种方法是在行内元素外部添加一个包含它的块级容器，并对这个容器应用负 `margin`。例如：

<style>
.container {
  position: relative;
  margin-top: -你的负值; /* 这里设置负值 */
}
.inline-element {
  display: inline-block; /* 如果不是行内元素，可以用此代替 */
}
</style>

<div class="container">
  <span class="inline-element">这是行内元素</span>
</div>

在这个例子中，`.inline-element` 的实际位置并不会改变，但是 `.container` 上方的空间会被填充，看起来就像是`inline-element` 的 `margin-top` 起了作用一样。