height:100% 无效

height: 100% 无效意思是指这个 CSS 属性不起作用。这通常是因为它所在的元素没有继承到合适的高度，或者它所在的元素的父元素没有设置合适的高度。你需要给这个元素的父元素设置一个合适的高度，然后再尝试使用 height: 100% 来设置这个元素的高度。

例如，如果你想让一个 div 元素的高度自动调整为它父元素的高度，你可以这样写：

.parent {
  height: 500px;
}

.child {
  height: 100%;
}

这样，.child 元素的高度就会自动调整为 500px。

相关问题

为什么居中对齐无效：/*对body默认设置*/ body{ margin:0; padding:0; background:#f1f1f1; font:70% Arial, Helvetica, sans-serif; color:#555; line-height:150%; text-align:left; } /*设置点击连接后颜色变化*/ a{ text-decoration:none; color:#057fac; } a:hover{ text-decoration:none; color:#999; } /*设置h1和h2标签大小*/ h1{ font-size:140%; margin:0 20px; line-height:80px; } h2{ font-size:120%; } /*设置堆叠为1，优先级在canvas之上，即可保证div显示在其之上*/ #container{ width:680px; background:#fff; padding-bottom:0px; height:550px; position: absolute; margin:2% auto; z-index:1; border-radius: 10px; box-shadow: 0 0 0 5px DeepPink,0 0 0 10px DodgerBlue,0 0 0 15px DeepPink; }

根据您提供的代码， `#container` 应该是可以居中对齐的，因为它的 `margin` 属性被设置为 `2% auto`，这将使其在水平方向上居中对齐。但是，您也需要确保它的父元素具有足够的宽度，以便容纳 `#container` 元素。

如果您仍然无法使其居中对齐，您可以尝试以下几个步骤：

1. 检查父元素的宽度是否够大，以容纳 `#container` 元素。

2. 检查其他样式是否覆盖了 `#container` 的 `margin` 属性。

3. 检查其他元素是否影响了 `#container` 元素的位置。

如果您仍然无法解决问题，您可以提供更多的代码和上下文，让我更好地帮助您解决问题。

vue height100%无效

当使用Vue设置元素高度为100%时，我们需要确保其在父级元素中设置了正确的高度，否则该元素的高度将无法正确地计算。基于此，我们需要针对父元素的高度进行检查，以确保它的值是正确的，并且该元素不会受到其他元素的影响。为此可以使用以下代码：

<template>
  <div class="parent">
    <div class="child">
      Content Goes Here
    </div>
  </div>
</template>

<style>
.parent {
  height: 100vh; /* 高度为100%的视口高度 */
}

.child {
  height: 100%; /* 子元素的高度使用百分比 */
}
</style>

这种情况下，父元素的高度设置为100vh，即视口高度的100%，而子元素的高度使用百分比。这将确保子元素的高度设置为父元素高度的100%。如果父元素中嵌套了其他元素，则应重新检查其高度值，并确保所有父元素的高度都被正确设置。通过以上方式设置元素的高度将可以解决Vue中height100%无效的问题。