Question

如果我使用固定在css中的位置，我在ie7中遇到margin-top问题。

我在网上搜索了一个解决方案并试了很多但没什么用。

测试div的margin-top无效。

任何帮助都将不胜感激。

这是我的HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> test </title>
<link rel="stylesheet" href="test.css">

<!--[if IE 7]><link rel="stylesheet" href="ie7.css" type="text/css" media="screen"/><![endif]-->



</head>

<body>
<div id="fixed1">
<div id="fixed"></div>
</div>


<div id="test">
ayhd iaudiuawdyiaudyw
</div>
<div class="clear">
</div>

</body>
</html>

这是我的css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;}
:focus {
outline : 0;
}
body {
line-height : 1;
color : black;
background : white;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}


#fixed1 {
position : fixed;
width : 100%;
top : 0;
background-color : red;
}
#fixed {
margin : 0 auto;
height : 20px;
background-color : blue;
width : 980px;
}
#test {
margin : 0 auto;
margin-top : 20px;
margin-bottom : 20px;
height : 2000px;
width : 980px;
background-color : red;
}

这是ie7.css

#fixed1{
left:0px;
}

#test{
margin-top:30px;
background-color:grey;
}

谢谢你，基肖尔马布。

Answer 1

检查fiddle。我已经在小提琴中添加了你的代码。它适用于ie 7 http://jsfiddle.net/S9AVa/1/

问题是由于2种方式指定的保证金，保证金：0自动;并再次保证金顶部和保证金底部。 IE考虑第一个电话。

应该是

#test {
margin : 20px auto 20px auto;
float:left;
 height : 2000px;
width : 1040px;
background-color : red;
}

我已将left:0;添加到fixed1类。

更新了演示http://jsfiddle.net/S9AVa/2/

如果我申请固定位置，则保证金Top在ie7中不起作用

1 个答案: