重回CSDN，IE浏览器兼容有关问题，求大神帮忙。还是CSDN的网友给力啊-Java教程-爱易网页

重回CSDN，IE浏览器兼容有关问题，求大神帮忙。还是CSDN的网友给力啊

日期：2014-05-17　浏览次数：21186 次

重回CSDN，IE浏览器兼容问题，求大神帮忙。还是CSDN的网友给力啊~~~~~~
做了一个网页，导航栏是上下收缩的，鼠标放上就下拉，想让它宽度充满整个屏幕宽度，所以给了width:100%,但是下面的DIV宽度是1000px，在IE浏览器下它宽度自动默认为跟下面的div宽度开始，火狐正常。然后是高度问题，因为高度是变化的，在IE下，下面的idv不管margin-top给多少，显示的还是默认顶到屏幕最顶端，隐藏的导航栏就会遮住下面的内容。但是火狐上显示正常。搞了好久，没找到答案，突然想起CSDN上专业的你们，想必能让我快乐。所以，求大神，帮忙看一下。谢谢。

下面是代码，由于太多，所以简写了一个。

HTML code


<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>

大致代码就是这样，其他没贴上来的代码，本人认为跟这个布局没关系。也太繁琐，所以没提。
求解啊，整了几天了，还是没头绪呢~~~~

------解决方案--------------------
用js 读出屏幕宽度，再计算出你需要显示的宽度，赋值给你div的宽度。