CSS定位问题

我有一些html动态插入javascript。我有position:absolute;，这样它就不会影响页面元素的布局。但是，当页面顶部出现一条消息时，除绝对定位的元素外，所有元素都会向下移动。因此，我想要结合绝对定位和相对定位的属性。我该怎么做呢？CSS定位问题

来源

2011-05-29 user730569

显示了一个更好的答案 – Ibu 2011-05-29 20:02:01

将position:relative;添加到您认为描述“页面”的最高级元素。例如：

<body> 
    <div id="popup> 
     <!-- "flash" popup message is inserted into DOM here --> 
    </div> 
    <div id="main content" style="position:relative;"><!--THIS IS "THE PAGE"--> 
     ... 
      ... 
       <!-- your "absolutely" positioned element --> 
      ... 
     ... 
    </div> 
</body>

编辑：这是thirtydot一个很好的示范，其完美地说明了这一概念：http://jsfiddle.net/qGTw6

来源

2011-05-29 20:09:53 ninjagecko

不工作:(我将它添加到'html'标签 – user730569 2011-05-29 20:12:20

这是一个更好的答案。 idea：http://jsfiddle.net/qGTw6/ – thirtydot 2011-05-29 20:12:58

@ user730569：这不是我的意思，你不应该为HTML标签添加样式。参见示例 – ninjagecko 2011-05-29 20:14:55

将position: relative添加到绝对定位元素的父元素。

确保您的“Flash消息”在此元素之外。

来源

2011-05-29 20:00:30 thirtydot

这样的代码是没有这样做：/ – user730569 2011-05-29 20:08:59

见我发表了一篇关于@ ninjagecko的回答的评论。 – thirtydot 2011-05-29 20:13:28

加入'position：relative;'对身体应该没有任何影响......（也许一些古怪的行为） – ninjagecko 2011-05-29 20:13:41

回答

相关问题