cho các phần tử cơ thể với chiều cao được xác định trước trong css

body { 
 
    height: 200px; 
 
    background-color: lightblue; 
 
    padding: 0px; 
 
    border: 1px solid red; 
 
}

<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <p> First para </p> 
 
    <p> Second para </p> 
 

 
</body> 
 

 
</html>

Ở đây tôi đã chỉ định cơ thể height như 200px và background-color cho các phần tử cơ thể như "Lightblue ". Tại sao là background-color cho cơ thể được áp dụng cho toàn bộ trang và không chỉ có chiều cao 200px của cơ thể?

Nguồn

2017-05-30 Rekha

[CSS-Tricks.com: Chỉ cần một trong những Weird Things Về CSS: Bối cảnh trên ] (https://css-tricks.com/just-one-of-those -weird-things-about-css-background-on-body /) – CBroe

Đây là một lời giải thích rất tốt https://stackoverflow.com/a/17817919/2894798 –

Trong trường hợp không có nền trên phần tử html, nền nội dung sẽ bao gồm trang. Nếu có một nền tảng trên phần tử html, nền cơ thể hoạt động giống như bất kỳ phần tử nào khác.

Nguồn: css-tricks.com

Vì vậy, để tránh tình trạng này, bạn có thể chỉ cần xác định background-color:white cho html.

html { 
 
    background-color: white; 
 
} 
 

 
body { 
 
    height: 200px; 
 
    background-color: lightblue; 
 
    padding: 0px; 
 
    border: 1px solid red; 
 
}

<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <p> First para </p> 
 
    <p> Second para </p> 
 

 
</body> 
 

 
</html>

Nguồn

2017-05-30 12:41:45 IiroP

cho các phần tử cơ thể với chiều cao được xác định trước trong css

Trả lời

Các vấn đề liên quan