如何使CSS圖像溢出DIV其

我在用下面的代碼的CSS輸入的圖像：如何使CSS圖像溢出DIV其

.imgtemp { 
      float:right; 
      top:0px; 
      left:0px; 
      overflow:visible; 
      width:100%; 
     }

我還添加了div標籤的頁面以它的顯示，但圖像由於設計而比div更寬。我怎麼能讓它溢出它的內部，以使其正確。

謝謝。

你想讓圖片展開div嗎？或者你想裁剪圖像的大小的div？ – Nelson

您應該將overflow:visible放在您的div上，而不是放在圖像上。

2012-09-20 22:44:23

正如納爾遜所言，溢出：隱藏在你的形象上不會對你有所幫助。如果您絕對必須使容器小於其中的圖像，則可以使用定位（例如，相對於父div，相對於頂部和左側爲0的圖像爲絕對）來忽略父級的大小。您還需要在圖片上使用除％以外的內容，因爲％會讀取其父母的大小，這是適得其反的。

或者，你的意思是你想要父母的div來切斷多餘的圖像嗎？

2012-09-20 22:48:36

圖像比div更寬，但圖像停在div的兩側，我需要它擴展它們。我怎樣才能做到這一點？ –

因此，您首先需要從圖像中刪除寬度：100％。其次，如果你的父div需要有一個設定的高度和寬度，你需要做我上面提到的定位變化。如果父div不需要設置高度和寬度，那麼就不要爲該div聲明任何值，並且它會展開以適合圖像。 –

回答