即使絕對定位的div使用瀏覽器水平滾動

-1

我用一個html5網站爲某些樂趣打爛我有一個內容包裝div被定位相對..裏面我有幾個元素都定位絕對.. 出於某種原因，當我將絕對元素定位到很遠的地方時，我得到一個滾動條..只是想知道是否有人可以解決爲什麼！？即使絕對定位的div使用瀏覽器水平滾動

<!doctype html> 
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 
<head> 
<title>moo</title> 
</head> 
<body> 
<div id="content-wrap"> 
      <div id="card-front" class="absolute"> 
       <img src="/images/business-card-front.png" width="211" height="271" alt="Contact Business Person"> 
      </div>  
    </div> 
</body> 
</html>

的造型爲元素是：

#content-wrap { 
    width: 960px; 
    min-height: 1300px; 
    margin: 0 auto; 
    position: relative; 
    background: transparent url(/images/site-bg.png) no-repeat 0 24px; 
} 

#card-front { 
     position: absolute; 
     z-index: 2; 
     width: 211px; 
     height: 271px; 
     top: 225px; 
     right: -150px; 
    }

由於某種原因，我不知道這是爲什麼不工作..違背什麼絕對的手段？

感謝您的幫助！ Tom

來源

2012-07-10 TheLearningDev