Question

以下代码存在以下问题：

为什么div的{{1}}以及left_right_wrapper和left_column会从content_wrapper div中流出来？他们应该分别适合content_wrapper和left_right_wrapper。
1. 我希望即使溢出设置为auto，html元素也没有滚动条;那是我需要它与浏览器高度的大小（并且不超过它）。我怎样才能做到这一点？

我搜索并发现right_column函数JS可以返回浏览器屏幕的height()，但是如何在{{{{}}中设置高度属性的值1}}等于height中的函数返回的内容？

请建议修复。

CSS

enter image description here

Answer 1

这是因为您的#right_left_wrapper有height:100%，但您的#information_bar没有任何高度。放#right_left_wrapper{height:80%;} #information_bar{height:10%}。

Answer 2

您可以使用以下代码将您的html对象高度（如#html height）设置为相等的屏幕高度，此代码通过调整大小触发器调整浏览器大小时调整高度...

  $(document).ready(function () {

           var theWindow = $(window);
           var mydiv= $("#html");//select your html dom object for set height to 100%

            function resizeBg() {
                mydiv.css("height",window.innerHeight);
            }

            theWindow.resize(resizeBg).trigger("resize");

        });

你需要在head标签中添加一个指向jquery库的链接，然后在下面的脚本标签中添加这个代码，如下所示：

<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
//your js or jquery code ...
</script>
</head>

为什么div比父div更大？

2 个答案: