CSS身高在Firefox中不起作用?
基本上,我的主页上有一个div,其中包含内容,现在当内容越过页面底部时,用户必须向下滚动以查看内容的下半部分,一切正常 这就是bodyCSS身高在Firefox中不起作用?,css,Css,基本上,我的主页上有一个div,其中包含内容,现在当内容越过页面底部时,用户必须向下滚动以查看内容的下半部分,一切正常 这就是body{height:auto;},但是,当这个div只有可以在不滚动的情况下查看的内容时,body{-moz-box shadow:inset 0 0 10px#33333;}存在一个问题,这意味着该阴影位于页面的中间 这很难解释,所以只要看看你自己: 此页面的内容扩展了俯冲高度:auto works 及 此页面没有内容,因此内部阴影在firefox中无法正常工作
{height:auto;}
,但是,当这个div只有可以在不滚动的情况下查看的内容时,body{-moz-box shadow:inset 0 0 10px#33333;}
存在一个问题,这意味着该阴影位于页面的中间
这很难解释,所以只要看看你自己:
此页面的内容扩展了俯冲高度:auto works 及
此页面没有内容,因此内部阴影在firefox中无法正常工作。我可以用
height:100%
来纠正这个问题,但是索引也会发生同样的情况
非常感谢尝试在#页面声明中添加规则:#页面{最小高度:100%;}
还有一个到Body delcaration:
Body{height:100%;}
您需要先添加doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
签出以下链接:
您需要将样式声明放在head标记内或附加的外部样式表中
<style>
html,#page,body{
min-height:100%;
}
</style>
html,页面,正文{
最小高度:100%;
}
我已经这样做了,如果您查看链接,它没有工作,或者我实现了错误?谢谢CSS应该放在一开始作为重置还是集成到中?我使用它作为重置,但它没有解决问题:(非常感谢。是的。这终于解决了我的长期firefox问题。非常感谢这个提示,朋友!!!
<style>
html,#page,body{
min-height:100%;
}
</style>