![](/img/trans.png)
[英]Body height and width is 100vh; and the div in this has width 100vh or 100% but it is not touching the edge ?why
[英]css 100vh is not setting the div to 100% height
如下面的屏幕截图所示
视口高度大约覆盖97%,而不是100%。 下一节可以看到。 我在这个问题上停留了几个小时,以下是我的CSS和HTML代码
的CSS
html, body {
width: 100%;
height: 100%;
}
.section-3 {
background: url(../images/section-3-bg.jpg) center center;
background-size: cover;
position: relative;
height:100vh;
}
的HTML
<section class="section-3 col-xs-12" id="demand">
<section class="container">
<center>
<div id="trapezium"></div>
<h1 class="blue big-font">On Demand Charters</h1>
<img src="images/demand-border.png" alt="" class="img-responsive" style="width:auto;">
<div class="col-md-7 col-md-push-2">
<p class="medium-font">With Powerfly, access a range of aircraft from light
to large jets, turboprops and helicopters
either through on-demand charters. All you need to
do is book and a Powerfly executive will customise
your plan as per your needs.
</p>
<h2 class="explore-btn"><a href="demand.html">Details</a></h2>
</div>
</center>
</section>
</section>
真正的问题是轮播!
#carousel-generic-1 {
margin-top: 0;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.