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

时间:2011-12-13 12:59:39

标签: css html height overflow

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

1 个答案:

答案 0 :(得分:1)

嗨,你的代码和一些错误。 在表的末尾,td和tr被倒置了。

缺少div结束标记。

我已修复此问题并添加一个明确的div。

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