html - 防止 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 是完美的选择。