使截面和主要高度与其内容相同(整页)

时间:2016-03-18 14:25:50

标签: html css fullpage.js

有没有办法让我的部分与其内容的高度相同?我已尝试将部分更改为<xsl:value-of select="following-sibling::PrayerEnd"/> ,但该部分最终将整个页面缩小为section fp-auto-height。即使我的内容在30px内也有预设的高度。

&#13;
&#13;
section
&#13;
.mainupp {
  background-color: #e8e8e8;
}
#main {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
#mid-text {
  margin: auto;
  text-align: left;
  position: absolute;
  top: 10%;
  width: 100%;
  height: 300px;
  background-size: auto;
}
.dark-text p {
  font-size: 14pt;
  color: #7e7e7e;
  font-family: Calibri;
  line-height: 130%;
  display: inline;
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

那是因为您正在使用position: absolute。在该部分中使用容器并在该容器中设置高度。

<div class="section">
    <div class="my-container">
       WHATEVER HERE
     </div>
</div>

然后在css中:

.my-container{
     height: 1200px;
}