-1

我在一个 html5 网站上闲逛以获得一些乐趣 我有一个内容包装 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;
    }

出于某种原因，我不知道为什么这不起作用..违背绝对的意思？！

谢谢你的帮助！汤姆

4

3 回答 3

0

您是否使用任何重置样式表或任何东西？一些较新的重置样式表包含一个在页面主体上永久设置滚动条的规则。

当您有很多元素可以打开我们的关闭时，这很有用，因为它可以防止页面在滚动条出现时跳转，并在元素显示/隐藏时消失

于 2012-07-10T13:23:20.757 回答
0

在绝对定位元素中将属性设置right为负值将始终导致元素完全或部分位于容器之外，因此滚动条。

如果希望元素距离容器右边框 150px，则需要将其设置为正值：

#card-front {
    right: 150px;
}
于 2012-07-10T13:23:32.400 回答
0

而不是右：-150px；, 请使用右:150px;

于 2012-07-13T15:22:21.893 回答