如何修復一個小頁面，使其在IE7中正確顯示？（2）

我剪了很多代碼。所需的代碼如下。這裏是一個小的html頁面：如何修復一個小頁面，使其在IE7中正確顯示？（2）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
<HTML > 
<HEAD> 

</HEAD> 
<BODY> 
<DIV style="border:1px solid #000;"> 
    <SPAN style="MARGIN-LEFT:20px;"> 
     Previous 
    </SPAN> 
    <SPAN style="FLOAT:right; MARGIN-RIGHT:20px;"> 
     Next 
    </SPAN> 
</DIV> 
</BODY> 
</HTML>

我只想在同一行顯示上一個和下一個。它在IE7中看起來像另一個，但在FF和Opera中可以。 Chrome尚未經過測試。另外，當我刪除 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">, 然後Opera將這兩個單詞也顯示在一行中。我想要的只是在左側顯示「Previous」一詞，在一行內顯示右側的「Next」。

解決它的最佳方法是什麼？謝謝。

來源

2011-11-10 Haradzieniec

好的，我目前沒有所有這些瀏覽器在我面前，但您可能通過在第一個跨度中添加float: left來清除問題。另外，我認爲你的一些其他代碼注意到了這一問題，但對你的小樣本這裏有一些額外的風格，你可能需要：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
<HTML > 
<HEAD> 
</HEAD> 
<BODY> 
<DIV style="border:1px solid #000; overflow: hidden; width: 100%;"> 
    <SPAN style="clear: left; FLOAT:left; MARGIN-LEFT:20px;"> 
     Previous 
    </SPAN> 
    <SPAN style="clear: right; FLOAT:right; MARGIN-RIGHT:20px;"> 
     Next 
    </SPAN> 
</DIV> 
</BODY> 
</HTML>

不是我們設置的寬度和溢出值包含div。在大多數使用情況下，清晰的值並不重要。您可以根據需要使用不同的寬度和溢出值（例如50％和自動）。

欲瞭解更多信息，你可能需要做一些額外的調整，see this article。如果我有方便的IE7副本，我會爲你測試它，但你應該接近。

從文章：

使用的寬度或高度聲明的要求，使在資源管理器的Windows和Opera的影響工作。如果不包含它資源管理器Windows繼續在列頂部顯示邊框，就好像沒有溢出一樣。 Opera完全隱藏容器的內容。

來源

2011-11-10 20:17:18

謝謝您的留言。我剛剛測試過它。現在，IE7，FF，Opera在div中顯示「Previous」和「Next」兩個單詞。現在，div不是一個矩形，而只是一個水平線。 – Haradzieniec

@Haradzieniec將溢出值（自動或隱藏）添加到您的封閉分區 –

謝謝。溢出：汽車;或溢出：隱藏的div有助於在FF和Opera，但不是在IE7。 IE7顯示兩個單詞格外。 – Haradzieniec

如何修復一個小頁面，使其在IE7中正確顯示？ （2）

回答

相關問題

如何修復一個小頁面，使其在IE7中正確顯示？（2）