Zaczynam nowy projekt i chcę używać normalize.css, ale mam do czynienia z jednym małym problemem. W górnej części DOM znajdziesz żółtą lukę, kolor tła ciała. Główny pojemnik ma kolor zielony i zawiera dokładnie kod HTML z demona normalize.css.Górna granica nagłówka Normalize.css
Musisz znaleźć demo tutaj: http://goo.gl/hf8cv
Co widzisz to margines zawaleniem.
Gdy element z marginesem znajduje się wewnątrz elementu bez obramowania lub wypełnienia, margines zostanie zwinięty z marginesem elementu nadrzędnego.
To margines elementu h1, który widzisz na górze. Ponieważ żaden z rodziców nie ma obramowania ani obicia, margines zawija się do najbardziej zewnętrznego pojemnika.
Dzięki za napiwek !!! h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0} rozwiąż problem, na razie. Czy istnieje inny sposób rozwiązania tych zawirowań bez wpływu na marżę w nagłówkach (h1, h2 ...)? – birkof
Dodanie 'overflow: auto' na elemencie nadrzędnym również zapobiega zawijaniu marginesów. – Guffa
'overflow: hidden;' dla głównego elementu 'div' będzie całkowicie pokrywał zawartość. – lnguyen55
Czy problem dotyczy żółtej przerwy (w takim przypadku usuń ciało {kolor tła: żółty})? Lub wyświetlając domyślny HTML? – user500198
Ten plik będzie używany w elemencie iframe, a na górze jest zbyt dużo miejsca. – birkof