在一個較小的div中溢出一個更大的div

Question

我找不到或找不到。

在帶有溢出的div裏面，我放了另一個帶有縮放選項的div。 我喜歡將內部div放在外部div中，當它通過縮放變得更大時，但像margin：0px auto;不起作用。

<div id="container" style="float:left; overflow:scroll; width:644px; height:702px;"> 
    <div id="zoomimg" style="zoom:54%;"> 
    <img src="plattegrond.jpg" class="map" usemap="#leige"> 
    </div> 
</div> 

注意！ zoom：54％（644x702）可以用JS以100％和150％進行更改。

Answer 1

我有類似的問題。你'有效'失去了你的父母div作爲一個參考點，以中心的子div。我把它集中在自己身上來解決它。這應該工作：

$(window).load(function(){ 
    width = $("#container").width(); 
    height = $("#container").height(); 
    margL = $(".map").width()/2 -width/2; 
    margT = $(".map").height()/2 - height/2; 
    $(".map").css('margin-left',-margL) 
    $(".map").css('margin-top',-margT) 
}) 

這是做here