'從裏面拉'一個div？

Question

不知道這是否是遠程可能的，但無論如何要求。我有一個固定的高度和寬度的div，我無法編輯。但是，我可以添加子元素。有沒有辦法只使用子元素來縮小父級的大小？

而且我只能使用內聯css，沒有js或jquery。

Answer 1

由於原始div爲空（請參閱註釋），而不是在div的所有狀態上設置默認固定寬度/高度 - 您可以使用empty pseudo class僅爲div的空白狀態設置這些屬性。

這樣，當div得到孩子添加 - 那些原始固定寬度不再適用。

div:empty { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 
div { 
 
    border: 2px solid green; 
 
}

<div></div> 
 
<hr> 
 
<div> 
 
<p>some text</p></div>