可擴展溢出在Internet Explorer中不起作用

Question

我創建了以下演示：

http://thedrivepartnership.com/overflow.html

滾動條在FireFox / Chrome中可以很好地擴展，但是在IE中似乎確實可以正常工作。

有人遇到過這個問題嗎？

的CSS

body {padding:0px; margin:0px;}

.wrapper {
    position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background:red;

}

.block1 {
    position:absolute;
    top:0px;
    right:0px;
    width:70%;
    height:50%;
    background:green;

}

.block2 {
    position:absolute;
    bottom:0px;
    right:0px;
    width:70%;
    height:50%;
    background:blue;

}
.heading {width:100%; height:50px; background:black;}

.scroll {
    overflow-y:scroll;
    overflow-x:hidden;
    width:100%;
    position:absolute;
    float:left;
    top:50px;
    bottom:0px;
    zoom:1
}

html

<div class="wrapper">
<div class="block1">
<div class="heading"></div>
<div class="scroll">
<!--content here -->
</div>
</div>


<div class="block2">
<div class="heading"></div>
<div class="scroll">
<!--content here -->
</div>
</div>
</div>

Answer 1

您的設計在IE中運行良好，您只需要首先在文檔的第一行中聲明DOCTYPE。

<!DOCTYPE html>

可擴展溢出在Internet Explorer中不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2012-03-19 13:27:27

可擴展溢出在Internet Explorer中不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2012-03-19 13:27:27

解決方案1
1 已采納 2012-03-19 13:27:27