9

テーブルを含む div には、次の CSS スタイルがあります。

#formulaAlts {
    float: right;   
    height: 200px;
    overflow: auto;
}

これにより、テーブルが 200px を超える場合、スクロールバーはテーブルに対してのみ表示され、ページ上の他の要素はそのまま残ります。すごい！

今度は友人の IE について説明します...
IE では、要素を含む要素を成長させることなく、要素が垂直スクロールバーを生成します。これを「解決」するために、水平スクロールバーが作成されます。
それはひどい。そして、私はそれが吸うのを望んでいません...

何か案は？

--編集--
私はその行を見つけました

overflow-x: hidden;

IE に水平スクロールバーを強制的に無視させます。これは優れています..しかし、テーブルの一部が見えなくなったため、それほどではありません。

4

1 に答える 1

2

気をつけろ。

overflow-x

世の中で最も広くサポートされている属性ではありません。

私はいくつかの正しいパディングを含む包含divを使用する傾向があります：

CSS：

div.scroll {
  overflow:auto;
  padding-right:6px;
  /* I've found 6px to be just right my purposes, but try others*/
}

編集：これを機能させるには、どこかに高さ属性を追加する必要があります！私は通常、div.scroll宣言にデフォルトを設定してから、特定の場合（ほとんど）にそれを微調整します。HTML：

<div class="scroll" >
  <table>
  <!-- your table stuff in here -->
  </table>
</div>
于 2008-10-30T14:40:12.840 に答える