Css 定位在ff、chrome中有效,但在ie7中无效

Css 定位在ff、chrome中有效,但在ie7中无效,css,internet-explorer,html,internet-explorer-7,positioning,Css,Internet Explorer,Html,Internet Explorer 7,Positioning,我有一些我用的div position:absolute; width:100px; margin:-20px 420px; 和这个一样另一个也。。。 问题是chrome和firefox看起来不错,但在ie7中,这些div正在被移除。 如何将其设置为在所有浏览器中都看起来完美??谢谢 编辑: .按钮{ 显示:块; 位置:绝对位置; 宽度:200px; 高度:50px; 背景:url(../images/portfolio.gif)不重复0-49px; 利润率:-50px 420px; } .按

我有一些我用的div

position:absolute;
width:100px;
margin:-20px 420px;
和这个一样另一个也。。。 问题是chrome和firefox看起来不错,但在ie7中,这些div正在被移除。 如何将其设置为在所有浏览器中都看起来完美??谢谢 编辑:

.按钮{ 显示:块; 位置:绝对位置; 宽度:200px; 高度:50px; 背景:url(../images/portfolio.gif)不重复0-49px; 利润率:-50px 420px; } .按钮a{ 显示:块; 位置:绝对位置; 宽度:100%; 身高:100%; 背景:url(../images/portfolio.gif)不重复0; 文本缩进:-9999px; } .按钮a:悬停{ 背景位置:0 50px; } .按钮1{ 显示:块; 位置:绝对位置; 宽度:200px; 高度:50px; 背景:url(../images/design-brief.gif)不重复0-49px; 利润率:-20px 420px; } .按钮1A{ 显示:块; 位置:绝对位置; 宽度:100%; 身高:100%; 背景:url(../images/design-brief.gif)不重复0; 文本缩进:-9999px; } .按钮1A:悬停{ 背景位置:0 50px; } 这两个按钮button和button1与一些文本一起位于这个div中

.cont { position:relative; width:1400px; height:500px; } 续 { 位置:相对位置; 宽度:1400px; 高度:500px; }
我想你必须设置一个
top:0px
和一个
left:0px
。如果不设置实际位置,则不能使用
位置:绝对


或者:您可以尝试
position:static
position:relative
,我不确定您想做什么。

不要使用边距来定位按钮。如果您已将其设置为
位置:绝对使用
顶部:0px;左:0px(显然是将其设置到所需位置)。由于您已将父div
.cont
设置为
位置:相对只要按钮在DOM中,就会在这个div中设置它们。因此,如果您要将它们设置为
top:0px;左:0px按钮将位于div的左上角


比负利润更可靠。

同意马特·阿斯伯里的观点。。。如果你使用仓位,那么就不使用保证金。还有一件事,u r使用按钮的绝对位置。在这种情况下,不要对其子对象使用position,除非您也要定位其子对象。如果你能提供html,那么代码和帮助就很容易理解。

你能发布一个实例和其他相关代码吗?我们需要看看这个div如何与其他div交互(它的位置绝对相对):)如果您不能在自己的服务器上提供一个示例,您可以使用jsFiddle.net。您能解释一下“移开”是什么意思吗?它们是否在移动,只是稍微偏离了一点?是大规模关闭吗?你可以发布一些HTML的代码吗?编辑了我的代码。请检查所有我知道负边距高于高度是有问题的。。! .cont { position:relative; width:1400px; height:500px; }