-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

右の代わりに:-150px; 、 right:150px; を使用してください。

于 2012-07-13T15:22:21.893 に答える
0

リセットスタイルシートなどを使用していますか? 一部の新しいリセット スタイルシートには、ページの本文にスクロール バーを永続的に設定するルールが含まれています。

これは、要素が表示/非表示されるときにスクロールバーが表示されたり消えたりするときにページがジャンプするのを防ぐため、クローズを開くことができる要素がたくさんある場合に役立ちます

于 2012-07-10T13:23:20.757 に答える
0

right絶対配置要素でプロパティを負の値に設定すると、常に要素が完全にまたは部分的にコンテナの外側にあるため、スクロール バーになります。

要素をコンテナーの右端から 150 ピクセル離したい場合は、正の値として設定する必要があります。

#card-front {
    right: 150px;
}
于 2012-07-10T13:23:32.400 に答える