垂直布局-计算和应用DIV高度
垂直布局-计算和应用DIV高度
提问于 2013-10-17 12:01:31
我整理了一个简单的垂直布局。它由标题栏和内容组成。标题栏可以有不同的高度，所以我使用.height()来确定它，然后使用$(window).height()来查找我的剩余空间。
剩余的空间(减去一些填充)应该填补其余的‘视图’。然而，我是3px离开-谁能解释原因吗？
编辑:我正在用3px代码行来补偿(4 * padding) - 3)。
JSFiddle显示问题http://jsfiddle.net/drXWD/49/
function setScrollingDivHeight() {
var div = $("#styleDivTitle");
var padding = 5;
$("#styleDivScrolling").height($(window).height()
- $("#styleDivTitle").height() - (4 * padding) - 3);
}
$(window).load(function () {
setScrollingDivHeight();
$(window).resize(setScrollingDivHeight);
});回答 1
Stack Overflow用户
回答已采纳
发布于 2013-11-22 23:02:48
我在这里使用的解决方案如下所示，关键的区别是使用.outHeight(true)
var padding = 5;
function setScrollingDivHeight() {
$("#styleDivScrolling").height($(window).height() - $("#styleDivTitle").outerHeight(true) - (2*padding));
}
$(window).load(function () {
setScrollingDivHeight();
$(window).resize(setScrollingDivHeight);
});JSFiddle的结果这里。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19426196
复制相关文章
相似问题
腾讯云开发者
