内联文本中的浮动元素

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>

我想将static div移动为dynamic div宽度更改。上面的代码可以按照我的意愿运行，但我不知道上述方式是否适合这样做？

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

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

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

Answer 1

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

这＆gt;＆gt; http://jsfiddle.net/gxpBL/就是我所说的。