Это происходит не постоянно, но время от времени родительский элемент 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, который я только что сделал для тестирования, и в каждом браузере я получаю этот глупый пробел.