Css 左右对齐浮动：适用于FF/IE，但不适用于Chrome？

我在用这个

.align-left {
   float: left;
   width: 49%;
   }
.align-right {
   float: right;
   width: 49%;
   text-align: right; /* depends on element width */
   }

使用此html：

<span class="align-left">this shows to the left<span><span class="align-right">this to the right<span>

---

它在IE/FF中运行良好，但在Chrome中却不行？我不是CSS专家，但我想避免使用表格，有什么建议吗？

关闭span标记，它就会起作用

---

请参见示例：

关闭span标记，它将正常工作

---

参见示例：

为什么不试试这样的方法呢

<div style="float:left">left</div>
<div style="float:right">right</div>

我想这可能对你有用

---

随时通知我。

你为什么不试试这样的东西呢

<div style="float:left">left</div>
<div style="float:right">right</div>

我想这可能对你有用

---

请随时通知我。

您推荐内联css？cold chill希望它是用于short div而不是span示例…您推荐内联css？寒冷的寒冷希望它是为短div而不是span示例…显示：无？显示：块呢？浮动跨距可以，跨距使用时不显示：块；在CSS2规范中，以浮动元素为例：我认为问题可能是我在那一秒钟内有一个元素，在其他浏览器中可以正常工作，但在Chrome中不行？现在使用divs，效果很好。谢谢ps：我关闭了span标记，只是在这里输入了错误的代码。如果从span切换到divs修复了它-这可能与显示方式有关：block；，显示：内联块；和显示：内联；呈现方式彼此不同。除非重写，否则元素将呈现为内联-并且float的工作方式与使用内联块元素或块元素（例如标记）时略有不同。显示：无？显示：块呢？浮动跨距可以，跨距使用时不显示：块；在CSS2规范中，以浮动元素为例：我认为问题可能是我在那一秒钟内有一个元素，在其他浏览器中可以正常工作，但在Chrome中不行？现在使用divs，效果很好。谢谢ps：我关闭了span标记，只是在这里输入了错误的代码。如果从span切换到divs修复了它-这可能与显示方式有关：block；，显示：内联块；和显示：内联；呈现方式彼此不同。除非您重写，否则元素将呈现为内联-并且float的工作方式与您使用内联块元素或块元素（例如标记）时有点不同。您已经在这里找到了答案，并且似乎已经解决了这个问题-但是我想指出一些额外的问题。使用float:left时，您经常会遇到狭窄渲染场景的问题；宽度：49%；和浮动：对；宽度：49%；-这是因为这样基于%的尺寸会随着边框和边距的增大而增大，从而扩大了宽度。此外，如果你的项目变得足够小，%开始变成部分像素，你会有麻烦。而是考虑显示：表格单元；和/或框大小：边框框；为了避免这种情况，你已经有了答案，而且似乎已经解决了这个问题——但我想指出一些额外的问题。使用float:left时，您经常会遇到狭窄渲染场景的问题；宽度：49%；和浮动：对；宽度：49%；-这是因为这样基于%的尺寸会随着边框和边距的增大而增大，从而扩大了宽度。此外，如果你的项目变得足够小，%开始变成部分像素，你会有麻烦。而是考虑显示：表格单元；和/或框大小：边框框；为了避免这种情况。