Html 将屏幕分为1行和2列。这两列的高度应为浏览器的100%

以下是我的问题的一个链接：

请注意，左侧显示了一个额外的滚动条。。我需要删除这个额外的滚动条，但无法找出我做错了什么

我需要左栏和右栏保留滚动条，但删除其余出现的滚动条

以下是我在小提琴中使用的代码：

HTML:

---

有什么建议吗？谢谢

这是因为列的高度是100%，并且在列的顶部添加了一行50px，所以它会导致滚动。你可以通过给最上面一行5%的高度和下面两列95%的高度来删除额外的卷轴。否则溢出-y：隐藏；但这会隐藏溢出的内容，以防您计划插入。

这是因为列的高度为100%，并且在其顶部添加一行50px，因此会导致滚动。你可以通过给最上面一行5%的高度和下面两列95%的高度来删除额外的卷轴。否则溢出-y：隐藏；但如果您打算插入，这将隐藏溢出的内容。

如果您对jQuery的使用还满意，那么这个就可以了

这里有一个。

代码jQuery代码将.content wrap调整为（窗口高度-.top_wrap高度）。以下是jQuery代码：

<script>
functionHeight = function () {
    var varBrowserHeight = $(window).height();
    var varTopWrapHeight = $(".top_wrap").height();

    $(".content_wrap").css('height', (varBrowserHeight - varTopWrapHeight));
};

$(document).ready(function () {
    functionHeight();
});

$(window).resize(function (event) {
    functionHeight();
});
</script>

函数高度=函数（）{
var varBrowserHeight=$（window.height（）；
var varTopWrapHeight=$（“.top_wrap”）.height（）；
$（“.content_wrap”）.css（'height'，（varBrowserHeight-varTopWrapHeight））；
};
$（文档）.ready（函数（）{
函数高度（）；
});
$（窗口）。调整大小（函数（事件）{
函数高度（）；
});

如果你对jQuery没什么意见，那么这个就可以了

这里有一个。

代码jQuery代码将.content wrap调整为（窗口高度-.top_wrap高度）。以下是jQuery代码：

<script>
functionHeight = function () {
    var varBrowserHeight = $(window).height();
    var varTopWrapHeight = $(".top_wrap").height();

    $(".content_wrap").css('height', (varBrowserHeight - varTopWrapHeight));
};

$(document).ready(function () {
    functionHeight();
});

$(window).resize(function (event) {
    functionHeight();
});
</script>

函数高度=函数（）{
var varBrowserHeight=$（window.height（）；
var varTopWrapHeight=$（“.top_wrap”）.height（）；
$（“.content_wrap”）.css（'height'，（varBrowserHeight-varTopWrapHeight））；
};
$（文档）.ready（函数（）{
函数高度（）；
});
$（窗口）。调整大小（函数（事件）{
函数高度（）；
});

是的，这很完美-我对jQuery很满意。其他答案也不错，但这让我可以拥有一个固定高度的顶部横幅，无论浏览器窗口高度是否发生变化。谢谢。是的，这很完美——我对jQuery很满意。其他答案也不错，但这让我可以拥有一个固定高度的顶部横幅，无论浏览器窗口高度是否发生变化。非常感谢。

<script>
functionHeight = function () {
    var varBrowserHeight = $(window).height();
    var varTopWrapHeight = $(".top_wrap").height();

    $(".content_wrap").css('height', (varBrowserHeight - varTopWrapHeight));
};

$(document).ready(function () {
    functionHeight();
});

$(window).resize(function (event) {
    functionHeight();
});
</script>