一段在 Firefox 中看起来不错但在 IE 中看起来不错的 html/css答案

【问题标题】：Piece of html/css that looks ok in firefox but not in IE一段在 Firefox 中看起来不错但在 IE 中看起来不错的 html/css
【发布时间】：2011-03-26 20:34:22
【问题描述】：

我已经看了一段时间了，但不知何故我错过了一些东西。我有一个在 Firefox 和 chrome 中看起来不错的网站，但在 IE 中，第一个 div 向右“拆分”。似乎 IE 将 div 内的第一个块元素放在下一列中。出现错误的页面：http://populair.eu：在 IE 中，您会看到它跳到右侧。我希望有人能回答这个问题。我希望不是简单的事情......

被拆分的 html 是：

<div class="blockcontent">
a <a href="">b</a>
</div>

所以a向左，b向右？

更新： 我删除了 style.css 的全部内容（所以没有样式留下...），它仍然拆分它 argh 然后我什至删除了 div在上面的代码中......它仍然分裂它......好吧......我想是时候睡觉了。

更新 2 我制作了一个记事本文件，只有：

<HTML><BODY><DIV id=wrapper><A name=top><DIV id=content>
argh <A href="">b</A> </DIV></DIV></BODY></HTML>

包装器中的第一个元素（a 名称）确定宽度。如果我删除该元素，它们会显示正常。所以它必须是包装器的大小。问题是……我给了包装器一个 width:750px 的宽度和一个 200px 的列宽度。

更新 3 已解决

我知道 a name=top 不应该在 2 个 div 之间……至少……对于 IE。解决了

【问题讨论】：

我会推荐 .png 格式的静态屏幕截图以支持 IE。

标签： internet-explorer wordpress css

【解决方案1】：

我建议使用“float:left;”以确保您的元素嵌套在左侧对齐。确保您的父包装尺寸正确并始终使用“margin：0 auto;”如果没有边际细节。

干杯

【讨论】：