javascript - 親の境界線の外縁を基準にして要素を配置するにはどうすればよいですか？

Question

親要素の四隅に4つの要素を配置しようとしています。親要素には、サイズが動的に変化する境界線があります。境界線の外縁に接するように要素を配置したいのですが、境界線のサイズが変わったときに何もする必要がないように配置するのが望ましいです。

絶対測位を使用して、境界線の内側を基準にしてそれらを配置することができます：http: //jsfiddle.net/V5jFx/1/

しかし、私はそれを外部と比較してどのように行うかを理解することはできません。

四隅の要素が親の子である必要はありません。JavaScriptを使用するつもりですが、境界線のサイズの変更を検出する必要はありません。

score 5 · Accepted Answer

内側の境界線が境界線divの外側の境界線と一致するラッパーを作成します。これで、幅に関して好きなことを行うことができ、これでうまくいきます。

score 2 · Accepted Answer

負の値を使用して、親の外側に配置できます。

その後、JavaScriptを使用して幅に基づいて調整できます。

あなたがコンテナを使うことができるならば、それは上にあります。可能であれば、FrankieTheKneeManの正解をマークしてください。それはよりシンプルで同じように効果的です。

score 0 · Accepted Answer

境界線の幅を変えるにはjavascriptを使用する必要がありますが、top/のright値は負の子の幅+境界線の幅である必要があります。

3 に答える 3