html - 内联文本内的浮动元素

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随着dynamicdiv 宽度的变化移动 div。上面的代码可以按我的意愿工作，但我不知道上面的方式是否正确？

内联文本中的浮动 div 是否正确？是跨浏览器吗？

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

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

Answer 1

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

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