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

我有一個div，其中包含的圖像稍稍位於框外。該div還包含另一個文本的div。當我將高度設置爲自動，以允許它隨着圖像剪切的文本數量擴大並且不會出現在邊緣上。我試過使用z-index，但這是有幫助的。當溢出可見時，CSS自動高度不會拉伸

以下是我有：

#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; 
}

來源

2011-12-13 joemortell

請把它變成JSfiddle.net，它給了我們一些幫助。 –

不能正確顯示的內容是全部PHP。我無法通過JSfiddle顯示此內容？ – joemortell

它不是PHP，它的HTML。 –

嗨你的代碼，並在它的一些錯誤。在表的末尾，td和tr被倒置了。

缺少一個div結束標記。

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

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

來源

2011-12-13 14:10:49

只是一個小記錄。當代碼縮進時，查找標籤的位置總是比較容易找到。 –

太棒了！謝謝 – joemortell

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

回答

相關問題