重回CSDN，IE浏览器兼容有关问题，求大神帮忙。还是CSDN的网友给力啊
日期：2014-05-17 浏览次数：20934 次
重回CSDN，IE浏览器兼容问题，求大神帮忙。还是CSDN的网友给力啊~~~~~~
做了一个网页，导航栏是上下收缩的，鼠标放上就下拉，想让它宽度充满整个屏幕宽度，所以给了width:100%,但是下面的DIV宽度是1000px，在IE浏览器下它宽度自动默认为跟下面的div宽度开始，火狐正常。然后是高度问题，因为高度是变化的，在IE下，下面的idv不管margin-top给多少，显示的还是默认顶到屏幕最顶端，隐藏的导航栏就会遮住下面的内容。但是火狐上显示正常。搞了好久，没找到答案，突然想起CSDN上专业的你们，想必能让我快乐。所以，求大神，帮忙看一下。谢谢。
下面是代码，由于太多，所以简写了一个。
大致代码就是这样，其他没贴上来的代码，本人认为跟这个布局没关系。也太繁琐，所以没提。
求解啊，整了几天了，还是没头绪呢~~~~
------解决方案--------------------
用js 读出屏幕宽度，再计算出你需要显示的宽度，赋值给你div的宽度 。
做了一个网页，导航栏是上下收缩的，鼠标放上就下拉，想让它宽度充满整个屏幕宽度，所以给了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的宽度 。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
