globals thiết trong html hoặc cơ

Question

Tôi có một số câu hỏi liên quan đến việc css sau đó tôi thấy:

html, body { 
    height:100%; 
    min-width:100%; 
    position:absolute; 
} 

html { 
    background: none repeat scroll 0 0 #fff; 
    color:#fff; 
    font-family:arial,helvetica,sans-serif; 
    font-size:15px; 
} 

1. là nó cần thiết để có chiều cao và min-width đến 100% trên html và cơ thể? Lợi ích là gì?
2. lý do sử dụng vị trí tuyệt đối là gì?
3. tại sao họ đặt nền/màu/phông chữ trên html chứ không phải nội dung? Có sự khác biệt nào không? Hay nó chỉ là sở thích?

Answer 1

1. Nó thường không cần thiết. Tuy nhiên, có một vài lần bạn có thể cần đến nó. Ví dụ: có thể tệp css trang web cơ bản/toàn trang web của bạn chỉ định kích thước khác nhau (bạn biết những trang web mà các bên chỉ là đường viền, thường là blog? Chiều rộng đã được thay đổi kích thước). Lưu ý rằng khi bạn có phần trăm đó là vùng chứa chính. Vì vậy, Div A có thể có width: 100% nhưng nếu đó là vùng chứa chính có width: 500px, Div A sẽ có 100% 500px.

2. Không có lý do nào cho position: absolute trên cơ thể html + mà tôi có thể nghĩ đến. Một tác dụng phụ của định vị tuyệt đối là phần tử nolonger "nổi nội tuyến" với phần còn lại của các phần tử (không chắc chắn cách bạn mô tả/từ này).

   Ví dụ: position: relative bỏ qua các phần tử được định vị hoàn toàn. Vì vậy, nếu bạn đã có hình ảnh A (tuyệt đối) và hình ảnh B (tương đối) và B có left: 10px;, Hình B sẽ được bù đắp từ bên trái của phụ huynh, thay vì nơi A sẽ có. Hy vọng tôi có ý nghĩa ở đây.

   Vì vậy, đôi khi tôi chỉ đặt "vị trí: tuyệt đối" bất cứ khi nào tôi có hình nền. Nếu đó là đứa trẻ đầu tiên, mọi thứ sẽ hiển thị trên đầu trang của nó (vì các phần tử mới được "thêm vào trên cùng" và bỏ qua phần tử được định vị tuyệt đối).

3. Cơ thể sẽ kế thừa các thuộc tính đó và do đó, có, đó chỉ là tùy chọn.

Answer 2

Thiết lập chiều rộng hoặc chiều cao của một phần tử đến 100% chỉ hoạt động khi yếu tố phụ huynh của nó cũng là 100% của chiều hướng đó. Điều đó có nghĩa rằng nếu cơ thể hoặc thậm chí thẻ html không phải là, vì lý do nào đó, ở 100% chiều cao hoặc chiều rộng, một phần tử bên trong nó với các thuộc tính đó sẽ có 0 chiều cao hoặc chiều rộng.

Ví dụ: http://jsfiddle.net/KZaum/