Html 怪异的复制品_Html_Css_Internet Explorer

Html 怪异的复制品

html css internet-explorer

Html 怪异的复制品,html,css,internet-explorer,Html,Css,Internet Explorer,我发现了一个奇怪的bug，IE8复制了我的div，但只是其中的一部分 IE8中的外观：下面是它在FF中的外观：以及HTML： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xm

我发现了一个奇怪的bug，IE8复制了我的div，但只是其中的一部分

IE8中的外观：

下面是它在FF中的外观：

以及HTML：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    \/\/\

 <div id="roundbigbox">
    <p id="pro">Produkter</p>

        <div id="titles">

    <div id="thinlinecopy"></div>
    <div id="varekodetext">
     <p>Varekode</p>
    </div>
    <div id="produkttext">
     <p>Produkt</p>
    </div>
    <div id="pristext">
     <p>Pris</p>
    </div>
    <div id="antalltext">
     <p>Antall</p>
    </div>
    <div id="pristotaltext">
     <p>Pris total</p>
    </div>
    <div id="sletttext">
     <p>Slett</p></div>
    <div id="thinline"></div>
    </div>


...content...


    <div class="delete">

   <a id="slett" href="/order/delete/1329?return=" title="Slett"><!--Slett--></a>
            </div>

    </div>

IE的CSS：

div #roundbigbox {
    background-image:url(../../upload/EW_p_og_L.png);
    background-position:top center;
    background-repeat:no-repeat;
    padding:5px;
    padding-right:50px;
    padding-top:10px;
    width:760px;
    height:1%;
    border-width:1px;
    border-color:#dddddd;
    z-index:1;
    position:relative;
    overflow:hidden;
    margin:0;
    margin-bottom:10px;
    }

什么会导致这样一个奇怪的错误？它在HTML中没有重复。我被难住了

注意：里面有很多其他的div，一个接一个

谢谢您的回复。

最后您还有一个额外的

。

我想说的和：GraphicsDive一样。（删除结尾处多余的

）此外，您还应该查看CSS：

不存在负填充：P（即使在IE中）
您只能使用一个声明设置填充：padding:top right bottom left
边框和背景也是一样的：
背景：url（../../upload/EW_p_og_L.png）顶部中心不重复；边框：1px实心#ddd；/*当你有6个相同字符的十六进制颜色时，只需写其中的3个*/

看起来您的样式表可能有错误：

IE的CSS：

div #roundbigbox {
    background-image:url(../../upload/EW_p_og_L.png);
    background-position:top center;
    background-repeat:no-repeat;
    padding:5px;
    padding-right:50px;
    padding-top:10px;
    width:760px;
    height:1%;
    border-width:1px;
    border-color:#dddddd;
    z-index:1;
    position:relative;
    overflow:hidden;
    margin:0;
    margin-bottom:10px;
    }

这可能是导致底部出现这种情况的原因。

尝试将注释从

标签

听起来很奇怪，但我看到了这方面的问题

在我的div标记之后添加了这个，它修复了它

<div style="display:none; width:100%; margin-bottom:10px;"> </div>

奇怪的问题。谢谢你的帮助

那是个打字错误，不过谢谢，也很抱歉。（从问题中删除）没有。我也是这么想的，但这只是

div#roundbigbox

root元素的结尾。您有有效的DOCTYPE吗？有。我将把它添加到问题中。我删除了

-20px

，底部的复制div高度缩小了，但仍然存在。删除了我所有的评论。。还有。我还发现了一些评论，但它们都是外部的，与这个部门无关，这会影响它吗？UD把它拿了出来，没有改变。我在一个锚标签里面只有一个锚标签引起了我的问题…而且在所有情况下也不能复制。我已经删除了我能找到的所有评论。剩下的只有头部的条件注释。因为这个div里面的内容是动态生成的，所以

height:1%；溢出：隐藏使div随着内容的增长而增长。块级元素的高度已经自动增长以适应内容。无论哪种方式，我删除了1%的高度，但它没有修复它。这是什么？好奇我：“请考虑接受你自己的答案，这样人们就知道你已经解决了问题，是的，接受有两天的限制，我刚进去了：
<div style="display:none; width:100%; margin-bottom:10px;"> </div>