html - 内联文本中的 float 元素

Question

我有以下代码:

<div>
  <div id="dynamic" style="float:left;height:50px;background-color:#aaa;">
    floated block which will be dynamically increase
  </div>
  <div id="static" style="height:50px;background-color:#FC3;">
    Hello guys
  </div>
</div>

我想随着 dynamic div 宽度的变化移动 static div。上面的代码可以按我的意愿工作，但我不知道上面的方法是否正确？

在内联文本中 float div 的方式是否正确？那是跨浏览器吗？

此代码是否会影响其他任何内容，例如其下方的内容或移动到 static div 下方？

为什么 float div 不会移动到内联内容下方，而是将其与内联文本对齐？

Answer 1

您可以使用 float:left对于 <div id="static">也。在您的动态 div 宽度 + 静态 div 宽度达到窗口宽度之前，我看不到任何问题。

这>> http://jsfiddle.net/gxpBL/这就是我要说的。