如何DIV，使得它不影響內部div的

Question

方案中的文本位置與此類似：

<div class="a"> 
    hello this is my text 
    <div class="x"> 
    </div> 
</div> 

我需要顯示的div X正是在格一個。 我面臨的問題是當我包含文本，div位於下一行。

我該怎麼做？

Answer 1

爲了「過」，你需要使用位置的另一個div來顯示一個div：相對於父（.a）中和位置絕對兒童（.X）

http://jsfiddle.net/fkowdadt/

.a .x { 
    position:absolute; 
    background:#e74c3c; 
    opacity:.5; 
    left:0; top:0; bottom:0; right:0; 
} 

Answer 2

我想下面的代碼會給你所需的輸出：

.a{ 
 
    position:relative; 
 
} 
 
.x{ 
 
    position:absolute; 
 
    top:0; 
 
}

<div class="a"> 
 
    hello this is my text 
 
    <div class="x"> 
 
     akejfhlaqfhe 
 
    </div> 
 
</div>