web前端|html教程
求助，DIV自适应浏览器高度
web前端-html教程
本帖最后由 sylyu4 于 -07-03 16:41:40 编辑
微贺卡源码下载,ubuntu 卸载后重装,tomcat启动卡死不报错,爬虫翻页xpath,php如何优先应算,海南seo网址lzw
我一个页面，代码如下：
人人商城 网上源码,vscode怎么做翻页,Ubuntu驱动掉了,tomcat8019端口,爬虫 58同城,php加密代码破解版,随州外包seo推广哪里好,曝光吧网站源码,ecshop 外贸模板下载lzw
body
{color:#000;margin:0px;padding:0px;}
#main_container{
width:1000px;
height:100%;
margin:0px auto;
padding:0px;
overflow:hidden;
padding-top:130px;
*padding-top:133px!important;
padding-bottom:50px;
background-color:#066;
}
#header{
width:1000px;
margin:auto;
position:absolute;top:0px;
background-color:#09F;
height:130px;
}
#center{
width:1000px;height:100%;overflow:auto;
background-color:#993; }
.left_content{
width:190px;
float:left;
height:100%;
overflow: hidden;
border-right:1px #005283 solid;
background-color:#666;
}
#right_content{
width:809px;
float:right;
margin:0px;
height:100%;
overflow:auto;
background-color:#393;}
.footer{
width:1000px;
clear:both;
height:50px;
position:absolute;bottom:0px;
background-color:#F03;
}
安卓源码 汉化,ubuntu一加三,tomcat7 参数中文,生活中有爬虫,学习php编程开发外包,seo竞价怎么做seo顾问lzw
header
left
right
footer
显示结果如下图：
我想要的结果是：
整个页面只显示一屏，
中间左右两栏要随浏览器自适应高度，因为 right 里边要加内容。
padding-top:130px;
*padding-top:133px!important;
padding-bottom:50px;
我设了这个高度，是因为#center的内容会顶上去，然后被header挡住。。不知道为什么。。。。
现在这个代码可以实现这步，各浏览器都有测试。
现在问题是，margin:0px auto;
这个在IE下不生效，页面不能居中 ，，，FF，GOOGLE浏览器都能居中。。
试过这个方法，在body里直接设，text-algin:center
因为我的实际页面有点复杂，结果后面所有的图片文字都居中了，我得一个个去调，太麻烦了。。。放弃。。。
然后在网上查到这个：
因为我最先声明的是
这个：“”
网上搜了一下，好像这个就会导致在IE中不能实现居中。
然后我把这下声明换成：
“”
就可以在IE下居中，其他浏览器也都可以。可是，左右两栏随浏览器自适应高度又出问题了。。。
如下图：
有点乱，，，求高手解。。。。怎么办啊。
回复讨论(解决方案)
用个JS多简单！
header
left
right
footer
function $2(id){ return document.getElementById(id);}var winHeight = 0;function findDimensions(){if (window.innerHeight)winHeight = window.innerHeight;else if ((document.body) && (document.body.clientHeight))winHeight = document.body.clientHeight;if (document.documentElement && document.documentElement.clientHeight){winHeight = document.documentElement.clientHeight;}var iframe = $2("center");iframe.style.height=winHeight-50-130+"px";}findDimensions();window.onresize=findDimensions;
使用绝对定位也能实现自动适应高度。
用绝对定位。
谢谢三位。 解决了。
我也需要啊，该如何是好呢？
如果觉得《求助 DIV自适应浏览器高度【HTML】》对你有帮助，请点赞、收藏，并留下你的观点哦！
