「display:table-cell」を使って欄の高さを揃えているボックス内の要素の一部を下に移動する

「display:table-cell」を指定したボックス内の要素の位置を「position: absolute」で移動できるかどうかについて考察してみました。Firefox ではうまくいかないことがわかりました。

display:table-cell を使って高さの同じ枠付きのボックスを作成する -見かけ上、ボックスを縦方向につなげる方法についての考察-

高さの同じ枠付きのボックスを見かけ上、つながったように見せる方法についての考察です。

記事内に高さの同じ枠つきの欄を作成する - margin-bottom: -32768px を使う方法 –

margin のマイナス値を使うことによって、上下方向に領域を拡大し、overflow:hidden で隠すことにより、見かけ上、高さが揃っているように見せる、という方法のようです。