div有一些bg颜色的内容。如何让它覆盖到窗户的尽头。

时间:2015-11-05 13:23:08

标签: jquery html css

<div class="left-pane" style="background-color:red">hello</div>

如何使左窗格覆盖直到窗口结束。

2 个答案:

答案 0 :(得分:0)

我想通过&#34;直到窗口结束&#34;你的意思是窗户的高度?据我所知,当你拥有的只是一个元素时,没有CSS唯一的方法来实现这一点。

使用Javascript(或者你的jQuery),你得到窗口的高度,并将div的高度设置为相同的值:

$('.left-page').css({
  height: $(window).height()
});

每当窗户的高度发生变化时,您必须更新高度,例如: resize活动期间。

答案 1 :(得分:0)

你的问题非常模糊,不容易理解。

窗口/视口的宽度/高度?在声明宽度/高度时尝试.parent { position: relative; } .child { bottom: 0; color: red; left: 0; margin: auto; position: absolute; right: 0; top: 0; } / vw CSS值:

vh

.left-pane { width: 100vw; height: 100vh; background: red; } / 100vh值指示div太延伸到设备视口宽度/高度的100%。