可見溢出時CSS自動高度不會拉伸

Question

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

Answer 1

嗨，您的代碼和其中的一些錯誤。 在表的末尾，tr被反轉。

缺少div結束標記。

我已修復該問題並添加了一個清晰的div。

這是鏈接http://jsfiddle.net/etienne_carre/qB6Ye/11/