Html 100%div'；外部和内部

我正在尝试制作一个div，它将是窗口的100%（对于我在css中使用的固定顶部0底部0高度100%）

在这个分区中，我有两个分区-一个是标题，一个是内容

标题div是65px高度，我希望内容div是左窗口的100%（100%-65px）-当我只给出100%时，它是100%，但它“超出”窗口，因为65px标题div

如何使内容分区为100%-65px

---

我怎样才能得到100%，考虑标题div？< /p>

试试用负余量。< /P>

---

页边距顶部：-65px

尝试使用负页边距

---

margintop:-65px

以下是JQuery解决方案：

---

以下是JQuery解决方案：

---

在评论中讨论了您的问题后，在您的情况下解决此问题的最佳方法是从顶部绝对定位内容元素

65px

，如：

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

但是，如果您不必支持较旧的浏览器（IE 8），也可以使用CSS：

---

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

65px

，如：

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

但是，如果您不必支持较旧的浏览器（IE 8），也可以使用CSS：

---

---

使用<代码>高度：计算（100%-65px）Hey Jacob，我需要跨浏览器支持…

calc（）

有很好的支持，即9+不要将高度设置为100%，设置

top:65px

和

bottom:0像这样使用<代码>高度：计算（100%-65px）

Hey Jacob，我需要跨浏览器支持…

calc（）

有很好的支持，即9+不要将高度设置为100%，设置

top:65px

和

bottom:0像这样，这是我的标题div…我的错，我的意思是正边际<代码>页边距顶部：65px

问题是内容div在窗口下的速度超过了65px。。。这是一个良好的开端-利润率最高：65像素将使其在窗口下130像素…我想我不明白你的问题是什么，那么。根据我的理解，标题部分在某种程度上推动了内容部分。我没有正确理解这个问题吗？我有两个div-title和content-和一个包装它们的div。标题div有65px的高度，内容div应该是窗口的100%高度，包括标题div的65px-但是-它没有计算并使其为100%-发生的是，内容div溢出了窗口，我在它的末尾有5px的边框-我希望它被显示…它超过了我的标题div…我的坏，我的意思是正边际<代码>页边距顶部：65px问题是内容div在窗口下的速度超过了65px。。。这是一个良好的开端-利润率最高：65像素将使其在窗口下130像素…我想我不明白你的问题是什么，那么。根据我的理解，标题部分在某种程度上推动了内容部分。我没有正确理解这个问题吗？我有两个div-title和content-和一个包装它们的div。标题div有65px的高度，内容div应该是窗口的100%高度，包括标题div的65px-但是-它没有计算并使其为100%-发生的是内容div溢出了窗口，我在它的末尾有5px的边框-我希望它被显示…方向很好，但我想在cssOk中制作一些东西，不管怎样，我会把这个答案留在这里，以防它对其他人有帮助。但是我想在cssOk做点什么，我会把这个答案留在这里，以防它对其他人有帮助。谢谢你：）非常感谢你：）

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