如何在没有填充区域的情况下背景div

Question

我在CSS上有这个类:

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

而且我想为填充区域中的背景着色.我尝试使用保证金,但似乎它有一些IE的麻烦.

还有其他方案吗？

Answer 1

您可以使用

background-clip: content-box;

Answer 2

如果您能够访问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>