2013-01-03 54 views
1

我想浮動表格下方的元素。該表的寬度爲100%,因此預期的輸出是顯示在表格上方的浮動元素。除了Mozilla以外,所有主流瀏覽器引擎都可以正常運行。Firefox下表格中的浮動元素

有沒有辦法強迫Firefox的換行只有CSS?我沒有機會改變HTML代碼,因此使用CSS的解決方案將非常重要。

在此先感謝!

<html> 
<head> 
<style type="text/css"> 
div { 
    background: red; 
    float: right; 
    width: 300px; 
} 
table { width: 100%; } 
td { background: green; } 
</style> 
</head> 
<body> 
<div>Label</div> 
<table> 
    <tbody> 
     <tr> 
     <td> 
      Table 
     </td> 
     </tr> 
    </tbody> 
</table> 
</body> 
</html> 

http://jsfiddle.net/fPVcr/

回答

0

添加:

table { 
    clear: right; 
} 

這將確保該表被呈現在浮動元件的下方,但要注意:如果有任何其他元件時,桌子前指定,其漂浮在右邊,表格也會在這些之後渲染。