欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

,DIV自适应浏览器高度_html/css_WEB-ITnose

程序员文章站 2022-05-24 19:50:41
...
我一个页面,代码如下:



无标题文档




left

right





显示结果如下图:


我想要的结果是:
整个页面只显示一屏,
中间左右两栏要随浏览器自适应高度,因为 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多简单!

无标题文档
left
right