css - 相对于后面的另一个 div 的 div

标签 css html

我对 div 定位有疑问。我曾经在我的 HTML 中有一个 SWF,我会在最后两个 div 之后添加它:

<div id="content">
    <div style="position: absolute; left: 10px;">
         <div style="position: relative">

类似的东西,它工作正常。在最后两个 div 中是一个 SWF。现在我不得不将 SWF 移出此代码,因为我使用 id“content”中的 HTML 代码作为模板,所以我希望 SWF 位于它之外。不幸的是,我不知道我是否可以使 SWF 的位置(进入一个 div)相对于 ID 为“content”的 div,尽管它出现在它之前。

现在看起来有一个带SWF的div,然后:

<script type="text/html" id="template">
   <div id="content">....</div>
</script>

我仍然希望我的 SWF 相对于内容位于同一位置。无论如何我可以这样做吗?我目前使用绝对定位将其放置在我想要的位置,但 div id 内容不是静态的,因此我仍需要像以前一样使用相对定位。

非常感谢你的帮助,

谢谢,

鲁迪

最佳答案

如果我理解正确的话,很有可能对动态内容使用绝对定位。话虽如此。我会尝试将 SWF 放在它的 div 类和你想要的绝对位置,以及父 div 的相对位置。再一次,如果我正确理解你的问题,这应该有效。

<div id="main_structure_div"> /* this should be relatively positioned */
    <div id="SWF_house_div"> /* this should as well */
         <div id="SWF">
            SWF goes in here ( make this the absolute positioned element )
         </div>
    </div>
</div>

关于css - 相对于后面的另一个 div 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3251359/

相关文章:

php - 使用 materializecss 根据 mysqli 值更改表的行颜色

javascript - 如何在关闭阅读更多/关闭面板时停止音频播放器。

html - 在 html 文件选择器对话框上创建过滤器

html - 图形和重叠段落中的可点击图像

javascript - 将字符串转换为数组中的日期对象

html - CSS 背景仅在 Firefox 中向一个方向重复一轮

javascript - 单击 jQuery 更改 Bootstrap 指示器

css - Bootstrap 4 按钮向右切换菜单项...?

python - 使用 BeautifulSoup 进行网页抓取 - 无法提取表行

javascript - 我可以使用 JavaScript 变量设置元素样式吗?