防止div的寬度爲100％

Question

<div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;"> 

    <div style=" 
     border: 2px solid black; 
     margin: 0 auto; 
     text-align: center; 
     padding: 3px;"> 

    Hello<br />Hola 

    </div> 

    <div style=" 
     border: 2px solid black; 
     margin: 0 auto; 
     text-align: center; 
     padding: 3px;"> 

    Another Sentence 

    </div> 

</div> 

我有一個問題：內部div的邊界覆蓋整個頁面的寬度，但是我希望它們只能框架內部的內容。如果我使用：display: inline邊框框架每行分開和重疊，以至於不起作用 - 有人可以幫助嗎？

P.S風格的並不在原始文檔中，但在樣式表

Answer 1

聲明如下指定寬度的絕對定位的元素？如果你正在尋找收縮包裝，float:left或display:inline-block是完美的。

Answer 2

嘗試display:inline-block，它總能幫助我解決這樣的情況。

http://jsfiddle.net/FaYLk/

Answer 3

它不是那麼簡單，只是做的事：

display: inline-block; 

你必須做的比這更多的跨瀏覽器這一點。

display: inline-block; 
display: -moz-inline-stack; /* for firefox 2 */ 
*display: inline; /* for ie 6 and 7 */ 

Answer 4

將容器放在所有內容的周圍。例如

<div class='container'> <div>I wont be 100%</div> <div>Nor will I :)</div> </div> 
.container{ display: inline-block; }