<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td>
            <div id="content_lalala">
                this content inside the div being inside a table, needs no inline properties and the table is the one expanding to the content of this div =)
            </div>
        </td>
    </tr>
</table>

我知道人们有时不喜欢表格，但我必须告诉你，我尝试了css内联技巧，它们在一些div中有点奏效，但在其他div中没有，所以，将扩展的div封装在表格中真的很容易。。。和它可以有内联属性，也可以没有内联属性，但表仍然是保持内容总宽度的表。=）

对我有用的是：

display: table;

（在Firefox和Google Chrome上测试）。

仅仅

<div style="display: inline;">
    <table>
    </table>
</div>

我认为使用

display: inline-block;

但我不确定浏览器的兼容性。

另一种解决方案是将您的div包装在另一个div中（如果您想保持块行为）：

HTML格式：

<div>
    <div class="yourdiv">
        content
    </div>
</div>

CSS:

.yourdiv
{
    display: inline;
}

我们可以对div元素使用以下两种方法中的任意一种：

display: table;

or,

display: inline-block; 

我更喜欢使用display：table；，因为它自己处理所有额外的空间。而display:inline块需要一些额外的空间修复。

我只需要设置填充：-whateverYouWantpx；