Question

我正在尝试进行构建，如下所示。 2.Div应该从窗口的标题拉伸到窗口的底部。顺便说一下，我使用的是包含“Header”和“Footer”的布局，所以“Header”和“Footer”来自布局。当页面打开时，只有1.div和2.div应该是可见的，然后滚动它应该跟随其他div。

Answer 1

因为你有一个具有相对高度的标题，你可以用JQuery做这个技巧;

通过从.body代码高度减去.header高度来设置<body>元素的高度。

$('.bodycontent').height(
    $('body').height() - $('.header').height()
);

html, body {
  height:100%;
}

.header {
  background-color:red;
}

.bodycontent {
  background-color:blue;
}

.third {
  height:30%;
  background-color:pink;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="header">
  header
</div>

<div class="bodycontent">
  
</div>

<div class="third">
  
</div>

如何从窗口的标题到窗口底部拉伸div高度

1 个答案: