一段在 Firefox 中看起来不错但在 IE 中看起来不错的 html/css
Posted
技术标签:
【中文标题】一段在 Firefox 中看起来不错但在 IE 中看起来不错的 html/css【英文标题】：Piece of html/css that looks ok in firefox but not in IE 【发布时间】：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。 【参考方案1】：我建议使用“float:left;”以确保您的元素嵌套在左侧对齐。确保您的父包装尺寸正确并始终使用“margin：0 auto;”如果没有边际细节。
干杯
【讨论】：
以上是关于一段在 Firefox 中看起来不错但在 IE 中看起来不错的 html/css的主要内容，如果未能解决你的问题，请参考以下文章
React 本机选择器在 android 中看起来不错，但在 ios 中很糟糕