ie6奇怪的h3/div的行爲 - 沒有權利邊緣錯誤（？）ff

的代碼 - 只是一個風格前和一個風格DIV（使用float和clear）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Ie bug</title> 
<style type="text/css"> 
<!-- 
pre { 
    background-color: #FFFFCC; 
    border: 2px dashed #FF6666; 
    padding-top: 7px; 
    padding-bottom: 8px; 
    padding-left: 10px; 
    margin: 10px; 
    float: left; 
    padding-right: 10px; 
    clear: both; 
} 
div { 
    float: left; 
    clear: both; 
} 
--> 
</style> 
</head> 
<body bgcolor="#D6D6D6"> 
<div> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus viverra interdum. Etiam ut ornare nulla. Praesent gravida blandit aliquam. Nulla facilisi. Suspendisse vel augue ligula. In interdum, purus et pellentesque tempus, urna tortor malesuada massa. 
    <h3>Description</h3> 
    Mauris quis est erat, a tempus dolor. Duis faucibus ultricies volutpat. Aliquam erat volutpat. Nulla et consectetur est. Sed eleifend ante ac tellus feugiat sed scelerisque nisi vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Nunc eget velit vel metus feugiat facilisis. Donec vel risus augue, ut mattis sem. Proin elementum libero ut lectus adipiscing semper. Proin et nibh enim. 
    <h3>Code</h3> 
    Phasellus sodales risus a lectus gravida tincidunt. Nulla sit amet enim ante, vel semper felis. Nullam enim mi, feugiat et porttitor tempus, auctor sed velit. Vivamus ac metus neque, in feugiat velit. Nam vitae dignissim eros. Praesent eros risus, pellentesque rutrum molestie sit amet, volutpat a mauris. Quisque ipsum turpis, placerat gravida aliquam et, placerat at leo. 
</div> 
<pre><em>&lt;Firefox bug : the right margin is 0 px instead of 10 px&gt;</em> 
    Vivamus eu mi nulla. Cras ac neque in ante aliquet ultricies eget id risus. Curabitur ut massa metus. Etiam dapibus fringilla diam, id lacinia tortor blandit eu. Nunc commodo commodo dui, eget malesuada purus cursus tempor. Quisque felis tellus, vulputate vitae ullamcorper sit amet, suscipit non augue. Integer vitae condimentum ante. Donec eu nisl magna. Nam ipsum lectus, dapibus a volutpat nec, rutrum sit amet eros. Phasellus velit est, adipiscing a interdum at, commodo id elit. 
</pre> 
<div> 
    <h3>Ie6 bug</h3> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultricies, erat in varius ornare, diam mi semper nisi, eu sagittis mi diam at nisl. Aenean euismod nisl in enim interdum gravida. Maecenas congue, neque non imperdiet dictum, eros arcu ultricies mauris, et rhoncus ligula tortor nec nibh et convallis nulla tempus vel. Morbi ac leo magna, vitae semper felis. Donec tincidunt nunc quis lacus aliquet tempor. Nulla facilisi. 
</div> 
</body></html>

Firefox將不顯示（在圖像黃色框）在預標記的餘量：

alt text

在另一方面IE6顯示如圖所示的最後一個div：

alt text

來源

2010-03-01 Mr_and_Mrs_D

更改：

div { 
    float: left; 
    clear: both; 
}

到：

div { 

    clear: both; 
}

解決了IE6的bug。儘管如此，ff仍然沒有餘量。

編輯2013.12.24：這是一個錯誤修正了某些時候 - 現在FF工作。不用補充說IE仍然有相同的錯誤。

來源

2010-04-09 12:12:07

ie6奇怪的h3/div的行爲 - 沒有權利邊緣錯誤（？）ff

回答

相關問題