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

axzmvihb  于 2022-11-09  发布在  其他
关注(0)|答案(3)|浏览(278)

我自己的页面没有滚动条,无论我怎么做,最小化或放大/缩小。它就是不出现,我试过FF,Chrome和IE:都不行。2其他的网页都可以。3下面是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框架。
最新消息:
看起来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,但仍然不起作用。

wi3ka0sx

wi3ka0sx1#

为了看到滚动条,你必须定义一个创建滚动条的高度和a或宽度。不能看到你是否有内容或者你的标记是什么样的a-在HTML或者body标签上声明就可以了。

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

}
mf98qq94

mf98qq942#

@Evelyn1986强制一些宽度,它就会出现。尝试width:805px; overflow:auto;,然后只拥有一些内容,这就是“大”

tgabmvqs

tgabmvqs3#

请在body标签上添加height ..且添加内容超过您在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/

相关问题