防止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边框分别构成每一行并重叠,这样就行不通 - 有人可以帮忙吗？

PS样式在原始文档中没有这样声明,而是在样式表中声明

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 */