2

ユーザーのアクティビティを表示するコンテナが 1 つあります。このコンテナにoverflow autoを設定しました。クロム、FFなどではうまく機能していますが、IE7では、このコンテナからコンテンツがあふれています。非表示にはなりません。これを以下で確認してください

ここに画像の説明を入力

in jsfiddle : http://jsfiddle.net/nUQ8V/1/

or code :

**CSS:**
----------------------------------
p {
    margin:0;  font-family:arial; font-size:12px;
}
.container {
    height:200px;
    width:150px;
    overflow:auto;
    padding:10px;
    border:2px solid #ddd;
}

.inner {
    padding:10px 0;
    border-bottom:1px dotted #ccc;
    position:relative;
}

.title { 
    font-weight:bold;
}

**html** 
------------------------------
<div class="container">
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
</div>
4

2 に答える 2

1

position:relative; を削除します。この下のクラスに

.inner {
    padding:10px 0;
    border-bottom:1px dotted #ccc;
   /* position:relative; */
}

すべてのブラウザで正常に動作します。

于 2013-11-05T10:44:04.240 に答える
1

フィドル: http://jsfiddle.net/nUQ8V/5/

ie7 インライン ハックを使用します。

.inner {
    padding:10px 0;
    border-bottom:1px dotted #ccc;
    position:relative;
    *position:*static;
}
于 2014-08-20T12:45:24.527 に答える