Tôi đang bắt đầu một dự án mới và tôi muốn sử dụng normalize.css nhưng tôi đang gặp phải một vấn đề nhỏ. Ở phía trên cùng của DOM bạn sẽ tìm thấy một khoảng cách màu vàng, màu nền cơ thể. Vùng chứa chính có màu xanh lục và chứa chính xác html từ bản demo normalize.css.Khoảng cách tiêu đề hàng đầu Normalize.css
Bạn sẽ tìm thấy một bản demo ngay tại đây: http://goo.gl/hf8cv
Những gì bạn thấy biên độ bị sụp đổ là.
Khi phần tử có lề nằm bên trong một phần tử không có đường viền hoặc phần đệm, lề thu gọn với lề của phần tử gốc.
Đó là lề của phần tử h1 mà bạn thấy ở trên cùng. Vì không có cha mẹ nào có đường viền hoặc đệm, lề thu gọn tất cả các đường ra khỏi thùng chứa ngoài cùng.
Cảm ơn mẹo! h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0} giải quyết vấn đề, cho thời điểm này. Có cách nào khác để giải quyết những sụp đổ này mà không ảnh hưởng đến lợi nhuận trên các tiêu đề (h1, h2 ...) không? – birkof
Việc thêm 'tràn: tự động' vào cấp độ gốc cũng giữ cho các lề không bị thu hẹp. – Guffa
'overflow: hidden;' đối với phần tử 'div' chính sẽ chồng lên toàn bộ nội dung. – lnguyen55
Có phải vấn đề khoảng cách màu vàng (trong trường hợp này xóa nội dung {background-color: yellow})? Hoặc hiển thị HTML mặc định? – user500198
Tệp này sẽ được sử dụng trong khung nội tuyến và có quá nhiều khoảng trống ở trên cùng. – birkof