例如假设我有 html
<div id="container">
<div id="js-widget">
<script src"xxxyyyzzz" type="text/javascript"></script>
</div>
<div id=something-else1"></div>
<div id=something-else2"></div>
</div>
我需要的是 js-widget 向右浮动,something-else1 和 something-else2 从 js-widget 左侧的原始位置开始。
现在我一直在做的是将脚本作为页面上的最后一个对象并对其进行相对定位,但我知道必须有更好的解决方案。谢谢!
编辑:1 最后一个约束:
执行 position:absolute;right0px;
不会起作用,因为最后一个“其他”div 是一堆文本,小部件有时会与它重叠。如果我绝对定位它,即使我向小部件添加填充,文本也将始终覆盖小部件。
最佳答案
position:absolute;right:0px;
用于 js-widget
。
position:absolute
将从正常流中移除该元素,因此后续元素将占用其空间。
更新后
查看我在 http://www.jsfiddle.net/gY6uz/1/ 中制作的示例中的选项
对于绝对定位的小部件,你需要在它的容器上放置填充,而不是它自己......
对于 float 小部件,它不应该干扰以下 div,除非它们本身也 float ..
关于html - 如何在容器中绝对定位动态 .js 脚本并释放其空间以供下一个 div 使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3235055/