0

我的网站有以下 CSS：

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html {overflow-y:scroll;}
h1 {
    display: block;
    margin:auto;
}
ul{ list-style-type:none; }
body {
    direction:rtl;
    padding-top:10px;
}
#wrapper {
    width:790px !important;
    padding:0px;
    margin:0px auto auto auto;
    border-radius:5px;
    overflow:hidden;  !important;
}
#page_banner { float:left; }
#content {
    float:right;
    width:790px;
}
.panel_content {
    height:auto;
}

这是我页面的基本结构：

<div id="wrapper">
    <div id="page_banner"></div>
    <div id="content" class="panel_content"></div>
<div>

divcontent是动态的 - 根据从数据库接收到的数据，它由其他 div 填充。所以它的高度不断增长。问题是 - 当这个 div 比屏幕长时 - 我在 FF、Opera 甚至 IE 中看到一个滚动条。但是在 Chrome 和 Safari 中我看不到它。更糟糕的是，在 Safari 中，我什至无法使用鼠标滚轮滚动页面，而我在其他浏览器中可以做到这一点。为什么会发生，我该如何解决？我尝试overflow-y:scroll;在 body 元素上使用 - 我看到栏出现了，但它被禁用了，我无法使用它滚动。

4

0 回答 0