IE 9/8 将我的 div 分成 2 个相同 id 的 div 并分隔元素答案

【问题标题】：IE 9/8 breaks my div into 2 divs of same id and separates elementsIE 9/8 将我的 div 分成 2 个相同 id 的 div 并分隔元素
【发布时间】：2013-09-27 08:18:16
【问题描述】：

嘿，我刚做了一个登陆页面，在 chrome 上看起来不错

http://www.advicestudents.ro/tommy/homepage/homepage_v1/homepage.html

在 IE 9 和 8 上，CRT_abs div 包含标题副标题和按钮重复项，文本为 CRT_abs，按钮为 CRT_abs，H1 持有人 DIV 也是如此！

有人知道为什么会这样吗？

持有人的HTML代码：

                <a href="#"><div id="h1" style="margin-top:-3px;">
                <img src="images/h1.jpg" alt="" />
                <div class="CRT_abs" style="text-align: center;width: 711px;left: 139px;top: 219px;padding: 0px;">
                    <div class="CRT_title_s_i CRT_white" style="line-height:16px; font-size:16px; text-transform: none; margin-bottom: 8px;">
                        Fall Outerwear
                    </div>
                    <div class="CRT_gills  CRT_white" style=" font-family:ITCCaslon224W01-BookIt;font-size:40px; line-height:40px; margin-bottom: 9px; letter-spacing:1px;">
                        THE WARM UP
                    </div>
                    <div class="CRT_subtitle CRT_white" style="font-size:14px; margin-bottom: 12px;">
                        The perfect coat for every occasion,
                        <br />
                        from vintage bomber to collegiate dufﬂe.
                    </div>
                    <a href="#" class="CRT_btn_white">SHOP OUTERWEAR <span class="CRT_f18 CRT_gills">&rsaquo;</span></a>
                </div>
            </div></a>

所以一些 CSS 样式已经内联编码到 HTML 中，如您所见 + CRT_abs 上的 Position:absolute。我觉得就这些

【问题讨论】：

邮政编码，不是链接
哈哈哈..看起来很有趣... :)
尝试给SHOP OUTERWEARbtn添加一个div标签
发现了问题，第一个标签环绕在主支架上，如果我在图像周围移动它就会起作用
是的，问题是您试图嵌套<a> 元素。这是不允许的。 validator 会为您挑选。

标签： html css internet-explorer-8 internet-explorer-9

【解决方案1】：

问题在于，包装整个主 div 的第一个链接标记将其移动为仅包装图像，因此我得到了相同的效果，并且没有更多错误。现在按钮的位置正确。

【讨论】：