有没有办法让我的部分与其内容的高度相同?我已尝试将部分更改为<xsl:value-of select="following-sibling::PrayerEnd"/>
,但该部分最终将整个页面缩小为section fp-auto-height
。即使我的内容在30px
内也有预设的高度。
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;
答案 0 :(得分:0)
那是因为您正在使用position: absolute
。在该部分中使用容器并在该容器中设置高度。
<div class="section">
<div class="my-container">
WHATEVER HERE
</div>
</div>
然后在css中:
.my-container{
height: 1200px;
}