帶有固定寬度的annother div中的div文本佈局問題

Question

我有一個固定大小和背景色的div.one。在它內部是另一個開始隱藏的div，但在某些情況下用javascript顯示。

我怎麼能這樣做，當div.two顯示，你可以看到它的背景顏色和文本不包裝？基本上我希望它表現得像沒有包含固定大小的div。這可能嗎？由於

<div class="one"> 
    <div class="two"> 
    Some Text 
    </div> 
</div> 

.one { 
    width: 20px; 
    height: 20px; 
    background-color: white; 
} 
.two { 
    background-color: grey; 
    display: none; 
} 

Answer 1

Demo

.two { 
    display: inline-block; 
    background-color: grey; 
    white-space:nowrap; 

} 

Answer 2

修復div的尺寸以及爲20px和20像素，並設置white-spacing到nowrap。

.two { 
    width: 20px; 
    height: 20px; 
    white-space: nowrap; 
    ... 
} 

退房this demo，看看我解決你的問題。