相对于身体而不是父div定位div

Question

我正在从MySQL数据库加载动态创建的网页。

我将页面正常设置，但是当我到达页面的内容部分时，我运行了while循环并根据数据库中存储的内容加载页面元素。

这对我来说非常有用，除了当我加载一个条带时，该条带是根据正文而不是内容来定位的，并且宽度是页面的100％，而不是内容的100％。

有没有一种方法可以使用jquery或javascript定位stripe元素，使它们相对于主体。

db中的每个元素的顶部和左侧都有位置，并具有高度和宽度，以及边框等更多东西。

我将元素加载到div内并将css设置为内联，如下所示

   <div id="shape" style="position:absolute;top:<? echo $row['box_top']; ?>px;left:<? echo $row['box_left']; ?>px;height:<? echo $row['box_height']; ?>px;width:100%;z-index:<? echo $row['zindex']; ?>;border-top-width:<? echo $row['border_width']; ?>px;border-bottom-width:<? echo $row['border_width']; ?>px; border-style:<? echo $row['border_style']; ?>;padding:<? echo $row['padding']; ?>; opacity:<? echo $row['image_opacity']; ?>;filter:alpha(opacity=<? echo $ieopacity; ?>)"><? echo $row['content']; ?></div>

有任何想法吗？

Answer 1

您可以使用position: fixed; 然后。

Answer 2

听起来像您的问题是该元素嵌套在大量内容的中间吗？

如果是这样，则可以使用JavaScript将元素从DOM中拉出，然后作为正文的直接子元素再次插入。

jQuery(document).ready(function(){
    $("div#shape").prependTo($("body"));
});

Answer 3

采用

body {
      position:relative;
}

并使必须绝对定位的元素直接成为人体的子元素

Answer 4

使用以下内容。

body{
    position:relative;
}

这将使体内的所有绝对定位元素相对于本体定位。