私は現在、カートに商品を追加するときにポップアップを表示していますが、それに対応するのに問題があります。スクロールバーが干渉しないようにする最良の方法
問題は、ユーザーのブラウザの高さがポップアップよりも小さい場合、overflow CSSプロパティがスクロールする機能を追加しますが、ポップアップ内に独自の幅が追加され、次の行に移動します。そのスクロールバーを右端に追加する方法が欲しいです（通常のページスクロールのように見えます）。
I（問題は白い箱がenitre製品をカバーdosn'tということではありませんが、次の行に、ブラウザの高さより小さな1つの製品の移動を行うとき）それを修正しましたcodepen
私はあなたの.bottom-boxクラスにoverflow:autoを追加しました。
それでも問題は解決しません。私のペンをもう一度見れば、私は李の色を変えて見やすくなりました（それぞれの李が別の製品であると想像してください）。あなたの例では、製品はまだ同じ行にすべてではありません。 –
、このいずれかをご確認ください： enter code herehttp://codepen.io/anon/pen/bZKJgx 私はよく分からないが、あまり量を水増しすることができる助けるかもしれませんか？私は10ピクセルを設定しました。
また、あなたのポップアップのサイズを決めるのにcoordonatesを使うこともできます。 （高さ：上位100％+：15ピクセルは、カウスの窓に座っても過言で）
は、これであなたのポップアップCSSを更新し、それ
.popup {
position: fixed;
left: 50%;
top: 15px;
display: block;
width: 830px;
bottom:15px;/* or 0 or whatever */
margin-left: -415px;
z-index: 16000004;
overflow: auto;
}
スクロールバーをテストします常に小さな幅の幅を追加します。あなたが行うことができる最も良いことは、あなたの車のページをデザインして、アイテムを押し下げないようにすることです（カートのページを少し狭くしますか？） – mituw16
オーバーフローはあなたの問題ではありません。 'overflow：hidden 'を指定すると、3番目の製品はまだプッシュダウンされています。あなたのレイアウトを見直し、多分ピクセルではなく％で幅を設定してください。 – Senthe