我跨度不能停留在一個div元素

-1

火狐，Safari和Chrome工作正常，但不是IE瀏覽器... 這裏是我的HTML我跨度不能停留在一個div元素

<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; 
}

來源

2010-10-30 dareal

你的問題是什麼？ – 2010-10-30 19:01:03

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

來源

2010-10-30 19:14:55

+1這是正確的答案。如果一個元素被浮動，那麼它的父元素應該有一個溢出集合來封裝子元素。 – 2010-10-30 19:29:11

謝謝，它的工作原理！：] – dareal 2011-01-05 09:00:00

只需將您的跨度在單詞Total之前:)

來源

2010-10-30 19:13:21

如果您希望所有文本都在<div>的右側對齊，請在您的CSS中使用text-align:right;。

另外，漂浮<span>也很奇怪。如果您確實需要浮動，請使用<div>而不是<span> - 浮動用於塊元素（如div），而跨度是內聯元素。最後，對於IE來說，一個好的經驗法則是總是給你的浮動元素一個固定的。它使得渲染更加明確，特別是對於舊版本的IE，儘可能具體是很重要的。

來源

2010-10-30 19:58:11

@dareal：如果要實現塊元素，請使用「div」標記。如果你想實現內聯元素，使用「span」標籤。您提供的標記和樣式證明您對標記語義一無所知，因此必須在觸摸標記或CSS之前瞭解它。如果你會避免學習它，最終你將不得不回頭去做，以改善所謂的SEO，如果你能夠在第一時間做好工作，這將不是必需的。更重要的是，你甚至沒有制定任何形式的問題，只是用一件鈍器衝向IE頭頂。

@lonut Staicu：如果他這樣做，他會結束不必要的跨度標記。

@Julian：不要使用黑客！

來源

2010-11-09 19:16:15 mrMike

我跨度不能停留在一個div元素

回答

相關問題