以下代码存在以下问题:
为什么div
的{{1}}以及left_right_wrapper
和left_column
会从content_wrapper div中流出来?他们应该分别适合content_wrapper和left_right_wrapper。
我搜索并发现right_column
函数JS
可以返回浏览器屏幕的height()
,但是如何在{{{{}}中设置高度属性的值1}}等于height
中的函数返回的内容?
请建议修复。
Here is the link to the fiddle.
CSS
答案 0 :(得分:1)
这是因为您的#right_left_wrapper
有height: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>