背景顏色塗抹/覆蓋外層div當施加到內DIV

Question

我有一個div後跟另一個div

<div class="myclass"> 
    <div>Some Data</div> 
</div> 

和類內容等

.myclass div { 
    background-color: #fff; 
    border: 1px solid #000; 
    padding: 4px 16px; 
} 

這裏background-color不僅應用於inner div但也到了outer div。

它不應該只適用於內部股利嗎？ 還有其他可行的方法嗎？

我不能指定類inner div因爲它是動態的其他API生成..

在此先感謝..

Answer 1

應用padding到外div：

http://jsfiddle.net/xCedS/

.myclass { 
    padding: 4px 16px; 
} 
.myclass div { 
    background-color: #fff; 
    border: 1px solid #000; 
} 

---

原來的答覆，結束了爲OP工作：https://stackoverflow.com/revisions/6520122/1

Answer 2

你的CSS是你想做的事是正確的。你有問題的方式是兩個div的大小計算。基本上，內部的div完全填充外層div -

除非你有內部div.myclass任何其他內容，其規模將由DIV裏面設置。

你可以嘗試添加：

.myclass {padding:16px;} 

看出區別 - 它會把兩個div之間的空間。