Làm thế nào để nền một div mà không vùng đệm

Question

tôi có lớp học này vào CSS:

.mgmtError{ 
    width:716px; 
    float:left; 
    background-color:#FF0000; 
    padding:10px; 
    text-align:center; 
} 

và tôi muốn màu nền không nằm trong vùng đệm. Tôi đã thử với lề, nhưng có vẻ như nó có một số rắc rối với IE.

Bất kỳ giải pháp nào khác?

Answer 1

Nếu bạn có thể truy cập vào thử HTML:

.mgmtError { 
 
    width: 716px; 
 
    float: left; 
 
    padding: 10px; 
 
    text-align: center; 
 
    background-color: blue; 
 
} 
 

 
.mgmtError div { 
 
    background-color: #FF0000; 
 
}

<div class="mgmtError"> 
 
    <div>Content</div> 
 
</div>

Answer 2

bạn có thể sử dụng

background-clip:content-box;