是否有CSS破解只從1格獲得以下看看？

Question

以下是我正在創建的網頁部分模型的圖片。

我在與與白色邊框的淺灰色框，深灰色框裏面麻煩一部分;因爲我必須使用的是一個div，這是由我的內容管理系統吐出的。如果我嵌套div s，我會知道如何做到這一點，但我沒有（除非我想添加花式JavaScript）。

我做了一個的jsfiddle提供問題手頭的基本設置：http://jsfiddle.net/ytq3grwd/

是這個問題可能只有CSS解決？如果是這樣，怎麼樣？

Answer 1

你可以使用一個邊框和陰影箱：

#only-div { 
    padding: 10px; 
    background: #E7E2E2; 
    border: 10px solid #C8C5C5; 
    box-shadow: inset 0 0 1px #fff; 
} 

jsFiddle example

Answer 2

你可以使用outline：

#only-div { 
    padding: 10px; 
    background: #E7E2E2; 
    border: 1px solid #fff; 
    outline: 10px solid #c8c5c5;  
} 

Updated Fiddle

CanIUse - Outline

Answer 3

我認爲你要找的是同時使用邊框和輪廓。 updated fiddle

#only-div 
{ 
    padding: 10px; 
    background: #E7E2E2; 
    border:1px solid #fff; 
    outline:10px solid #C8C5C5;  
}