100％div的外在和内在

Question

我试图制作一个100％窗口的div（因为我在css中使用固定的顶部0底部0高度100％）

在div中我有2个div - 一个用于标题，一个用于内容

标题div的高度为65px，我希望内容div为左窗口的100％（100％ - 65px） - 当我只给100％时它会使它100％但是它会出现＆＃34; out＆ ＃34;窗口，因为65px标题div

如何将内容div设为100％ - 65px？

我怎样才能100％考虑标题div？？

Answer 1

在评论中讨论了您的问题后，在您的案例中解决此的最佳方法是绝对定位内容元素65px，例如：

.content{
  position:absolute;
  top: 65px;
  bottom: 0;
}

JSFiddle Demo

但是，如果您不必支持旧浏览器（IE 8），您还可以使用CSS calc() function：

.content{
  height: calc(100% - 65px);
}

JSFiddle Demo

Answer 2

这是一个JQuery解决方案：

https://jsfiddle.net/5ev4b2c0/

var windowSize = $(window).height();
windowSize -= 65;
$("#second").css("height", windowSize);

Answer 3

尝试使用负边距。

margin-top: -65px