4

「Thickbox」（Javascriptポップアップウィンドウ）にたくさんのコンテンツを入れようとしていますが、ほとんど問題なく動作しますが、max-height: 100%;（親に対して）作成して動作させることができませんoverflow-y: scroll;。

2つの結果があります：

  1. それは、垂直スクロールなしで、あるべき長さであり、ボックスの外に出ます（あまりにも多すぎます）。
  2. それはあるべき長さであり、垂直スクロールで、箱の外に出ます（少し）。

縦スクロールで箱の中に入れたいだけで、箱の外には出たくない。JSFiddleを見ると、私が何を意味しているのかがわかります：http: //jsfiddle.net/m4aKk/（大画面で表示するのが最適-1600px +）。どんなアドバイスも素晴らしいでしょう！

ここに画像の説明を入力してください

なぜheight: 100%;、またはmax-height: 100%;その親に関連していないのですか？

4

2 に答える 2

6

解決策は、内箱の位置を作ることabsoluteです。このようなもの：

#TB_ajaxContent {
    width: 440px;
    overflow-x: hidden;
    position: absolute;
    top: 30px;
    bottom: 10px;
}

これにより、内側のdivの位置が好きなようになります。これが更新された フィドルheight:auto; height:100%です-インラインスタイルから削除したことに注意してください。

これは、内部divを「親と同じ高さ」にするための非常に一般的なトリックです。

于 2013-01-26T21:24:28.497 に答える
0

コード内の次の行を置き換えます。 

<div id="TB_window" style="width: 470px; height: 100%; margin-left: -335px; top: 48px; margin-top: 0px; visibility: visible;">

に変更 height: 314px;するだけheight: 100%;です!!!

于 2013-01-26T21:26:22.253 に答える