0

-7pxテキストをその隣の画像に揃えるために、div に少量 ( ) の負のマージンを与えました。

いくつかのメディア クエリに応じて、div のサイズがいくつか異なります。何らかの理由で小さなスクロールバーが追加され、負のマージンが突然切り取られる最大サイズを除いて、すべてが正常に機能します。

なぜこれが起こっているのか分かりませんか?

親に高さを追加しても役に立たず、何らかの理由でスクロールバーがまだ表示されますか?

私の人生では、jsbinでもそれを再現することはできないので、スクロールバー/クリッピングが突然表示される原因について何かヒントがあれば教えてください。

編集

遅れたことをお詫びします。余分なコンテンツをすべて削除するのに時間がかかりましたが、問題を示す動作テストを次に示します。

「ズームアウト」するか、ウィンドウを非常に大きくすると、見出しのクリッピングが突然表示されます。強制overflow: visibleも何もしません。間違いなく、スクロールバーが突然表示される原因となる奇妙なことが起こっています。

これは、この問題を示すビデオです。私のブラウザは、より大きな画面をシミュレートするために 75% に縮小されています。Mountain Lion で Chrome 30.0.1599.22 を使用しています。

4

4 に答える 4

0

いくつかの例の html/css はあなたの質問に答えるのに役立ちますが、スクロールバーが原因で負のマージンが切り取られている場合は、div のオーバーフローを非表示にして、スクロールバーがレンダリングされないようにしないでください。

div
   {
   overflow-y:hidden;
   }
于 2013-09-05T19:11:33.683 に答える
0

CSSでこれを試してください:

body { max-width: 200%;
}

div { width: 170%; }

幅をパーセント値で定義すると、すべてが調整可能になります。

于 2013-09-08T12:09:26.630 に答える