【问题标题】:Section tag not displaying on page部分标签未显示在页面上
【发布时间】:2020-02-10 07:20:12
【问题描述】:

以下代码笔中的部分标签的背景设置为#DFDCE3,但不显示。它有四个带有显示文本的 div 标签。为什么部分背景不显示?

Codepen:https://codepen.io/centem/pen/ZEEQBrO?editors=1100

#content {
  background-color: #DFDCE3;
  width: 50%;
  margin: 0 auto;
}

【问题讨论】:

  • 您发布了正确的 codepen 吗?它与您的问题无关......它有4个标题和一个段落;没有 div,没有部分,也没有你发布的 CSS
  • 请发布正确的 CodePen 链接以解决您的问题。
  • 哦,该死的。抱歉,我更正了链接。
  • 请在问题本身中包含所有相关信息,最好是minimal reproducible example。不要依赖外部网站,如 codepen 或 jsfiddle。
  • 在某处会有一个副本,找不到。基本问题是您在该 div 中只有浮动内容。浮动内容从正常流中移除,因此父元素,在这种情况下,section 将没有高度。谷歌clearfix这个词并应用它,或者查看this answer,它接近于重复。

标签: css


【解决方案1】:

您的#content 部分的宽度为 50%,但高度为 0,这就是背景不显示的原因。

overflow-y: auto 添加到#content,它会根据内容调整高度。

【讨论】:

    猜你喜欢
    • 2015-07-27
    • 1970-01-01
    • 2017-05-13
    • 2013-03-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-23
    • 1970-01-01
    相关资源
    最近更新 更多