CSS自动高度不'；当溢出可见时，不要拉伸

我有一个div，其中包含一个稍微位于盒子外面的图像。div还包含另一个带有文本的div。当我将“高度”设置为“自动”以允许它随着文本量的增加而扩展时，图像会被剪裁，不会出现在边缘上。我尝试过使用z-index，但这很有帮助

以下是我所拥有的：

#package {
width: 700px;
height: auto;
background-color: #FFF;
border-radius: 20px;
-moz-border-radius: 20px;
margin: 0 auto;
padding: 15px 15px 15px 15px;
margin-top: 50px;
margin-bottom: 0px;
overflow: visible;
}

#packageinfo {
text-align: left;
width: 200px;
height: auto;
float: right;
}

#package .image {
float: left;
margin-left: -30px;
margin-top: -30px;
z-index: 500;
}

---

您好，您的代码和一些错误。 在表格末尾，td和tr被颠倒

有一个部门的收尾标签不见了

我已经解决了这个问题，并添加了一个清晰的div

这里有一个链接

---

请将其放入JSfiddle.net，它为我们提供了一些可处理的内容。未正确显示的内容都是PHP。我无法通过JSfiddle？@Aotorea:从渲染视图（在浏览器中）复制HTML如果使用适当的浏览器点击ctrl+u并找到相关的HTML，将其与CSS一起复制到www.JSfiddle.net并粘贴到此处：）啊，是的，这会容易得多，我甚至没有想到！我已经添加了一个我遇到问题的例子：我需要浅灰色背景来拉伸到文本的大小，然后按下按钮只需一个小音符。当代码缩进良好时，总是更容易找到标记的错误位置。