Question

我自己的页面没有滚动条，无论我做什么，最小化或放大/缩小。它只是没有出现，我尝试过FF，Chrome和IE：都没有。其他网页很好。这是body元素和css：

<body>
<div class="container" id="page">

CSS就像：

html, body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #EFEFEF;
    overflow: scroll;
}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid #C9E0ED;
}

PS：我正在使用YII框架。

更新：

IT似乎YII有一些默认的CSS设置，在screen.css中，div container被提到三次如下：

 .container {width:1250px;margin:0 auto;}
 .container:after 
 {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.container {display:block;}

我将overflow:hidden更改为overflow:scroll，但仍无效。

Answer 1

要查看滚动，您必须定义高度和/或宽度，以创建滚动。无法查看您是否有内容或标记是什么样的 - 声明HTML或正文标记将起到作用。

html, body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #EFEFEF;
    overflow: scroll;
    height: 1000px; // toggle
    width: 100% // toggle

}

Answer 2

@ Evelyn1986 强制一些宽度，它会出现。试试width:805px; overflow:auto; 然后只是有一些内容，那就是'大'

Answer 3

请在body标签上添加高度..并添加超过您在height属性上给出的值的内容....

body
{
margin: 0;
padding: 0;
color: #555;
font: normal 10pt Arial,Helvetica,sans-serif;
background: #EFEFEF;
overflow: scroll;
height:100px;
}

小提琴：http://jsfiddle.net/nikhilvkd/rVd4M/

为什么在任何浏览器中都没有滚动条？

3 个答案: