Question

由于某种原因，我的固定标题的高度为0.如何使标题div采用其子元素的标题，标题标题？我尝试在动态分辨率下显示固定标题下方的内容。在线解决方案是包含浮动元素的div;但那并不是这里发生的事情。 CodePen：http://codepen.io/samaraiza/pen/czajq

HTML:
<div class="container">
  <div class="header">
    <div class="header-title"> Cool Title </div>
  </div>
  <div class="content"> Cool Content </div>
</div>

CSS:
.container {
  position: absolute;
  width: 100%;
  height: 100%;
  background: green;
}

.header {
  position: relative;
  width: 100%;
  height: auto;
  background: yellow;
  text-align: center;
  font-size: 3vw;
}

.header-title {
  position: fixed;
  width: 100%;
  background: red;
}

.content {
  position: relative;
  font-size: 1.5vw;
}

谢谢大家！

Answer 1

标题的所有子元素为position: fixed或position: absolute（在本例中为前者）。

以这种方式定位的元素将从正常流动中取出，不会影响它们周围元素的尺寸或位置。

在标题上设置position: fixed而不是标题标题。

CSS div height auto为0

1 个答案: