Вопросы Теги

Почему относительное позиционирование тела влияет на абсолютно позиционированные элементы?

Итак, в приведенном ниже коде, когда я меняю поле bar, положение foo изменяется. Но это происходит только тогда, когда тело расположено относительно друг друга. Если я статически позиционирую тело, то положение foo больше не зависит от поля bar. Может ли кто-нибудь сказать мне, что происходит? 

<!DOCTYPE html>
<html>
 <head>
  <style type="text/css">
   * {
    margin:0;
   }

   body {
    position:relative;
   }

   #foo {
    position:absolute;
    top:50px;
    left:50px;
   }

   #bar {
    margin:100px;
   }
  </style>
 </head>
 <body>
  <div id="foo">asdf</div>
  <div id="bar">asdf</div>
 </body>
</html>
6
задан zjmiller 10 June 2011 в 19:21
поделиться