显示可扩展div图像的内容

Question

当我尝试动态添加内容时，div图像正在扩展，但内容显示在图像外部。

<div  class="sentcontainer"  >
    <table style="margin-left:6%;">
        <td>if the content is long,going out og image</td>
    </table>           
</div>

.sentcontainer
{
     background-image: url("../images/sent.png");
        background-size: 100% 100%;
        margin-right: -8%;
        overflow:auto;
}

请让我通过。

Answer 1

使用填充而不是奇怪的 - / +％边距并添加缺少的<tr>标记：

<强> jsBin demo