Question

Firefox，safari和chrome工作得很好但不是IE ... 这是我的HTML

<div id="sc-footer">Total<span id="sc-total">$0</span></div>

CSS

#sc-footer{
 font-size: 1.6em;
 line-height:1.5em;   
 position:absolute;
 bottom: 20px;
 padding:9px 5px;
 height:20px;
 background: #dadada;
 color: #545454;
}
#sc-total{
 display:inline;
 float:right;
}

Answer 1

或者在＃sc-footer上使用overflow：auto。

Answer 2

只需在单词Total之前放置您的跨度：）

Answer 3

如果您只需要在<div>右侧对齐总文字，请在CSS中使用text-align:right;。

另外，浮动<span>非常奇怪。如果你确实需要浮点数，请使用<div>而不是<span> - 浮点数用于块元素（如div），而跨距是内联元素。最后，IE的一个好的经验法则是总是给你的浮动元素一个固定的。它使渲染更加清晰，特别是对于旧版本的IE，尽可能具体化非常重要。

Answer 4

@dareal：如果要实现块元素，请使用“div”标记。如果要实现内联元素，请使用“span”标记。您提供的标记和样式证明您对标记语义一无所知，因此必须在触摸标记或CSS之前了解它。如果你将避免学习它，最终你将不得不回去做它，以改善所谓的SEO，如果你在第一时间做得好就没有必要。更重要的是，你甚至懒得制定任何形式的问题，只是急忙用一个钝器冲击IE头。

@lonut Staicu：如果他这样做，他最终会得到不必要的span标签。

@Julian：不要使用黑客！

我的跨度不能留在div元素中

4 个答案: