为什么div比父div更大?

时间:2014-07-19 14:13:50

标签: javascript html css

以下代码存在以下问题:

  1. 为什么div的{​​{1}}以及left_right_wrapperleft_column会从content_wrapper div中流出来?他们应该分别适合content_wrapper和left_right_wrapper。

    1. 我希望即使溢出设置为auto,html元素也没有滚动条;那是我需要它与浏览器高度的大小(并且不超过它)。我怎样才能做到这一点?
  2. 我搜索并发现right_column函数JS可以返回浏览器屏幕的height(),但是如何在{{{{}}中设置高度属性的值1}}等于height中的函数返回的内容?

    请建议修复。

    Here is the link to the fiddle.

    CSS

    enter image description here

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您可以使用以下代码将您的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>