Question

我创建了一个div，该div从Javascript数组中获取信息文本，并将其显示在屏幕上，例如“ ca_explanation.innerHTML = q.explanation;”。我想使其具有响应性，因此我向其添加了“ height：auto”和“ padding：1％”，以便即使其中包含大量文本，它仍然看起来不错。但是，当我添加“高度自动设置”时，背景色消失了。我拿了我的代码并将其放在CodePen中，背景颜色在那里并且可以正常工作。我尝试执行“ * Ctrl + F5”，但这没有用。任何人都对导致此错误的原因有任何想法？这是我的代码

我的问题的截图 https://gyazo.com/93e9de154ea6e2b726b7a1e77022a67d

.correct-div {
  width: 18%;
  margin: 0 auto;
  height: auto;
  position: absolute;
  bottom: 49.5%;
  right: 4%;
  float: right;
  /*display: none;*/
  padding:1%;
  background-color: #FBDF7E;
  line-height: 1.4;
}

<div class="correct-div" id="correct-div">
    <p style="color:#32575E;font-weight:500;" id="ca-explaination">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  </div>

Answer 1

您的CSS可能与您编写的其他内容冲突。您可以将结果的屏幕截图与Chrome代码检查器一起发布吗？

高度自动删除背景色

1 个答案: