Родительский div наследует поля дочерних div

Это происходит не постоянно, но время от времени родительский элемент div наследует свойства дочернего элемента div и нарушает позиционирование моих макетов.

например, это html(псевдо):

<div 1>
   <div 2>
      content here
   </div>

</div><!-- div one end -->

Css (псевдо):

#1{ margin top:0; }
#2 {margin top:10 }

это должно выглядеть так: div 1 родительский и div 2 дочерний

div 1parent

-----------------------------------------
this is address bar (top of win)
-----------------------------------------
----------------
|  ----------  |
| | div2Child  |
| ------------ |
|--------------| 

предполагают, что между div 1 и дополнительным окном нет промежутка.

теперь, по какой-то странной причине, используя тот же код, что и выше, при предварительном просмотре я получаю следующее:

-----------------------------------------
this is address bar (top of win)
-----------------------------------------

gap here.

----------------
|  ----------  |
| |   div2     |
| ------------ |
|--------------| 

независимо от того, что я делаю, я все равно получаю этот пробел. Когда я отнесу его в firebug и протестирую на Div, div2 ясно показывает, что поле влияет на позиционирование родителей.

..я собирался привести пример, но...вот код, чтобы вы могли видеть...(просто как может быть)

HTML:

<div id="one">
    <div id="two">content here on 2</div>
</div>

the CSS: 

    #one{
        width:1000px;
        height:300px;
        background:#09F;
        margin-top:0px !important;
padding:0px;


    }

    #two{
        width:500px;
        height:100px;
        background:red;
        margin-top:20px;
padding:0px;
    }

и я все еще вижу пробел i показано выше на моей схеме. Что меня сводит с ума, так это то, что, как и большинство из нас, мы делали этот макет миллионы раз .... я могу найти ДЕСЯТКИ работ, в которых используется этот же метод, и никаких проблем ... у меня есть мой Cssreset, который я всегда использую. есть !important, без случайных
или

, 0 отступов... на самом деле, чтобы убедиться, я создал фиктивную страницу только с двумя div и их css и все еще ........

Есть мысли, почему это происходит? Потому что прямо сейчас я смотрю на свой последний созданный сайт и этот фиктивный html, который я только что сделал для тестирования, и в каждом браузере я получаю этот глупый пробел.

8
задан somdow 4 April 2012 в 18:06
поделиться