jquery - アイソトープを使用してCSSを調整し、上部の境界線を表示するにはどうすればよいですか？

Question

Isotope / Masonryベースのレイアウトを使用しており、現在、プロジェクトで次の問題が発生しています。Isotope要素に境界線がありますが、Isotopeが位置を計算すると、この境界線は消えます。element.styleでは、Isotopeはtop：0pxを設定しますが、値top：3pxを手動で調整すると、境界線が再び正しく表示されます。

添付のスクリーンショットを参照してください。

• 上部の境界線は表示されません：

• 上の境界線が表示されます：

• CSSはtop：0pxを設定しますが、top：3pxは境界線をうまく表示します：

どうしたの？これを修正する方法は？ありがとうございました！

Answer 1

わかりました、次の方法で解決できます：

containerStyle：{位置：'相対'、オーバーフロー：'可視'}

Answer 2

ボックスサイズ設定も使用できます。

box-sizing:border-box;

また、境界線の寸法は、包含要素を使用して計算されます。