当溢出可见时CSS自动高度不会拉伸答案

【问题标题】：CSS auto height doesn't stretch when overflow is visible当溢出可见时CSS自动高度不会拉伸
【发布时间】：2012-01-19 08:29:21
【问题描述】：

我有一个 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;
}

【问题讨论】：

请把它放到 JSfiddle.net 中，它给了我们一些可以使用的东西。
显示不正常的内容都是PHP。我不能通过 JSfiddle 显示这个？
@Aotorea：如果使用 proper 浏览器，则从渲染视图（在您的浏览器中）复制 HTML，然后按 ctrl+u 并找到相关的 HTML，将其复制到 www。 jsfiddle.net 连同 CSS 并粘贴到这里 :)
啊是的，那会容易得多，我什至没想到！我已经添加了一个我遇到问题的示例：jsfiddle.net/qB6Ye/10 我需要浅灰色背景来拉伸到文本和按钮的大小

标签： css html height overflow

【解决方案1】：

您好，您的代码和其中的一些错误。在表格的末尾，td 和 tr 倒置了。

缺少一个 div 结束标记。

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

这是一个链接 http://jsfiddle.net/etienne_carre/qB6Ye/11/

【讨论】：

只是一个小笔记。当代码缩进良好时，总是更容易找到我们的标签在哪里出错。