我怎样才能获得父母的父母在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。

除非你的意思是别的，在这种情况下，我很抱歉，但你应该更好地解释自己。