重回CSDN,IE浏览器兼容问题,求大神帮忙。还是CSDN的网友给力啊~~~~~~
做了一个网页,导航栏是上下收缩的,鼠标放上就下拉,想让它宽度充满整个屏幕宽度,所以给了width:100%,但是下面的DIV宽度是1000px,在IE浏览器下它宽度自动默认为跟下面的div宽度开始,火狐正常。然后是高度问题,因为高度是变化的,在IE下,下面的idv不管margin-top给多少,显示的还是默认顶到屏幕最顶端,隐藏的导航栏就会遮住下面的内容。但是火狐上显示正常。搞了好久,没找到答案,突然想起CSDN上专业的你们,想必能让我快乐。所以,求大神,帮忙看一下。谢谢。
下面是代码,由于太多,所以简写了一个。
<html><head><style>body{ background-color:#FFFFFF; margin: 0px; padding:0px; border:0px; text-align:center;}#container{ position:relative; margin:0 auto 0px auto; hight:1000px; width:100%;}#div-1{ width:100%;position:fixed;top:0;display:inline; }#div-2{ width:1000px; height:1000px; margin-top:100px;}</style><script>//就是简单的鼠标on,DIV高度拉伸,鼠标不在上面就收缩,的js代码。</script></head><body><div id=container><div id=div-1></div><div id=div-2></div></div></body></html>