爲什麼浮動跨度下降？

這段代碼可以在Webkit（chrome）中正常工作，但不會在firefox中，第二個跨度將下降，你知道爲什麼嗎？爲什麼浮動跨度下降？

<div id="sbar"> 
    <span id="status">Some Text</span> 
    <span id="mlog" style="float: right;">Some text in the right</span> 
</div>

來源

2009-03-04 Vasco Fernandes

嘗試顛倒兩個跨度。

<div id="sbar"> 
    <span id="mlog" style="float: right;">Some text in the right</span> 
    <span id="status">Some Text</span> 
</div>

來源

2009-03-04 18:30:14 jonnii

是啊...扭轉使得它的工作事業花車，你需要安排你的元素，如堆棧，該瀏覽器可以拿起 -

所以浮動離開

一個

時

乙

會浮到ABC -

一個

ABC

當所有浮動權會給你CBA，在

一個

CBA

我見過這在firefox中實現，沒有檢查過webkit。不過，你可以安全。

來源

2009-03-04 18:40:06

此代碼將正常工作中的Webkit（鉻），但不能在Firefox

WebKit是錯誤的。該標準規定了正確的浮動必須沿着一條線。請參閱CSS: Three Column Layout problem。

來源

2009-03-04 19:44:13 bobince

此代碼將正常工作中的Webkit （鉻），但不能在Firefox，其中第二跨度將下降，你知道爲什麼？

是的。浮動元素的行爲將落在代碼中的浮動元素之下。其他人已經給你修復了。

來源

2009-03-04 19:59:12 Traingamer

可以提出其他解決方案而無需倒車。它在不同的瀏覽器上工作

<div id="sbar" style="position:relative;"> 
    <span id="status">Some Text</span> 
    <span id="mlog" style="position:absolute; top:0;right:0;">Some text in the right</span> 
</div>

來源

2011-01-14 21:14:17

爲什麼浮動跨度下降？

回答

相關問題