0

セルの右下に常に配置したいリンクがあります。現在、リンクは < p > 要素にあります。絶対位置と相対位置の両方を試してみましたが、探している効果が得られます。

4 つのセルを含む行があります。絶対位置を適用しようとすると、要素が含まれているセル内に配置するだけでなく、要素が右側の最後のセルに移動します。さまざまな方法を試しましたが、私はきっと疲れているか、不可能なことをしようとしています。

私はCSSテーブルに非常に慣れていないので、これについてすべて間違っていると考えている可能性があります.

次に例を示します。

一番右の「詳細」リンクは、最初のセルの右下にあるはずです。

前もって感謝します。

4

3 に答える 3

0

Ahsan Rathod の回答を拡張して、Firefox でこの問題を解決し、コンテンツを div 内にラップし、div を display table-cell として設定するのではなく、この div にプロパティを設定します。

.cell-div {display:table-cell}
.relative-div {position:relative; width:100%}
.absolute-el {position:absolute}

<div class="cell-div">
    <div class="relative-div">
        <div class="absolute-el">
            <img ... >
        </div>
    </div>
</div>
于 2013-07-26T01:33:52.463 に答える
0

要素を持つ親要素に設定さposition:absoluteれた子要素に<p>設定している間。position:relative<div><p>

したがって、子要素はその親要素に対して相対的になります。

編集:

Chrome、Safari、Opera、IE でJS Fiddleを使用する

position:relativeただし、Firefoxはdisplay:table-cell要素に従わないため、Firefox では互換性がありません。

参照を参照してください：

于 2012-07-09T06:39:10.437 に答える