我怎樣才能獲得父母的父母在CSS與HTML的寬度？

Question

我的HTML代碼：

<div id="wrapper" style="width:100%;"> 
    <div style="width:960px;"> 
     <div style="width:30%;"> 
      <div>Hello World!</div> 
     </div> 
    </div> 
</div> 

如何設置寬度的 「Hello World！」 div與「包裝」div與CSS？

Answer 1

爲了給它的祖先一個寬度，一種解決方案是給祖先position:relative和元素本身position:absolute。

/* make the three divs visible, to demonstrate the effect */ 
 

 
div {background-color: rgba(128,128,128,.3)} 
 

 
/* the main point to the solution */ 
 

 
#wrapper {position:relative} 
 
#wrapper > div > div {position:absolute} 
 

 
/* some cleaning up of the side effects */ 
 

 
#wrapper > div::after {content:'\200B'}

<div id="wrapper" style="width:100%;"> 
 
    <div style="width:960px;"> 
 
     <div style="width:30%;"> 
 
      <div>Hello World!</div> 
 
     </div> 
 
    </div> 
 
</div>

正如你可以看到，當你顯示在整頁的代碼段中，最裏面的div（與最暗背景顏色）是所述最外面的一個的寬度的30％，即使有是一個固定寬度的div。

除非你的意思是別的，在這種情況下，我很抱歉，但你應該更好地解釋自己。