元素的高度是视口的左侧

Question

我应该如何将div的高度设置为视口左侧从开始减去20像素？父DIV是视口的100％，我需要孩子扩展到父母的结束。

父div的jquery：

$(document).ready(function(){
  windowHeight = $(window).height() - 0;
  $('.slide').css('min-height', windowHeight);
});

Answer 1

如果我正确理解你的问题，你有一个100％高度的父div，而你内部有一个20px高的东西然后应该伸展到底部的东西？ （请在您的问题中明确，或者将代码示例包含为jsfiddle和/或屏幕截图）。

看看这个简单的例子

<div class="wrapper">
    <div class="header"> 
        Heading 
    </div>
    <div class="strecth">
        Stretching content
    </div>
</div>

实现我认为你的意思的风格：

.wrapper {
    height: 100%;
}
.header {
    height: 20px;
}
.stretch {
    height: 100%;
    padding-top: 20px;
    margin-top: -20px;
}

20px的填充是100％的一部分，因此.stretch的内容有效地为100％ - 20px高（这是你想要的），但偏移量为20px（将它推下来的填充物。然后我使用负边距通过将div拉回20px来撤消偏移。结果是可见内容正好是100％ - 20px的高度，这正是你想要的。

查看实时代码（我为强调添加了一些颜色，并且必须为body和html设置一些额外的高度，因为jsFiddle不会自动执行此操作，您不应该需要）： ] http://jsfiddle.net/48aET/