html - div 里面的 div 获取父母的维度

Question

我有一个 div，里面有几个只包含纯文本的 div。但是每当给外部 div 一个宽度时，子 div 也会获得相同的大小。有没有办法不让这种情况发生，这样子 div 只被里面的文本覆盖，而外部 div 可以有任何大小？

Answer 1

利用display:inline-block

HTML：

<div class="container">
    <div class="text">text1</div>
    <br />
    <div class="text">text some text</div>
</div>

CSS：

.text{display:inline-block;}

在这里拉小提琴。