Jak tło div bez obszaru dopełnienia

Question

mam tej klasy w CSS:

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

i chciałbym kolor tła nie w obszarze dopełnienia. Próbowałem z marginesem, ale wydaje się, że ma pewne problemy z IE.

Jakieś inne rozwiązanie?

Answer 1

Jeśli jesteś w stanie uzyskać dostęp do spróbować 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

można użyć

background-clip:content-box;