0
4

2 に答える 2

2

あなたのdivにクラスブックがあるとだけ言ってください：

<div class=book style="position: relative; width: 200px; height: 120px;background:#ccc; margin-bottom:20px; display:block;">

    <a href="..." style="position: absolute; right: 0; bottom: 0;">Autnor name</a>
</div>

絶対位置を使用する場合は、親を相対的にすることが非常に重要です

デモ: http://jsfiddle.net/9d8Mh/

于 2013-08-26T05:37:45.223 に答える
1

ここでは、静的、相対、絶対の 3 つの位置タイプが使用されます。

すべての要素のデフォルトは静的です。

絶対要素は、静的に配置されていない最も近い親に対して相対的に配置されます。これが、要素の位置を変更するつもりがなくても、要素を「相対」として配置することが多い理由です。

したがって、この場合、#bは本文 (技術的にはドキュメント) に対して相対的に配置されます。

<body>
  <div id="a">
    <div id="b" style="position: absolute"></div>
  </div>
</body>

この場合、#bは に対して相対的に配置され#aます。

<body>
  <div id="a" style="position: relative">
    <div id="b" style="position: absolute"></div>
  </div>
</body>

あなたの場合、次のように配置できます。

<article style="position: relative">
  <a href="..." style="position: absolute; bottom: 0; left: 0;">The Author</a>
</article>
于 2013-08-26T05:50:34.773 に答える