为什么浮动跨度下降？

这段代码可以在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

为什么浮动跨度下降？

回答

相关问题