html - 如何在容器中绝对定位动态 .js 脚本并释放其空间以供下一个 div 使用

标签 html css

例如假设我有 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/

相关文章:

html - 我怎样才能使这个 div 的文本换行?

javascript - jQuery 元素移除

html - 如何防止连接波斯语字符?

jquery - 允许用户隐藏打印样式

jquery - 根据屏幕大小调整 iframe 的宽度和高度

html - CSS + 选择器不适用于输入和按钮

html - 在自己的网站上无法滚动

html - IE7 和 IE6 在使用无序列表(额外间距等)进行导航时遇到问题

javascript - 如何为数组中的每个对象添加 fadeIn() 方法

javascript - <details>-标签中的 Google Maps JavaScript API V3 存在问题