Html 粘性页脚不'；我没有100%的宽度_Html_Css_Sticky Footer

Html 粘性页脚不'；我没有100%的宽度

html css

Html 粘性页脚不'；我没有100%的宽度,html,css,sticky-footer,Html,Css,Sticky Footer,我有一个具有以下结构的网站： <html> <body> <div id="page"> <div id="anyContent"></div> <div id="pagecontent"> <div id="bigContent"></div> <div id="footer"></div> </div> &

我有一个具有以下结构的网站：

<html>
<body>
<div id="page">
    <div id="anyContent"></div>
    <div id="pagecontent">
        <div id="bigContent"></div>
        <div id="footer"></div>
    </div>
</div>
</body>
</html>

您已将宽度设置为5000px，高度设置为3000px

<div id="bigContent" style="width:5000px; height:3000px;"></div>

如果将

宽度设置为#bigContent
，最好将此宽度设置为#pagecontent

<div id="pagecontainer">
    <div id="anyContent"></div>
    <div id="pagecontent" style="width:5000px;">
        <div id="bigContent" style="height:3000px;"></div>
        <div id="footer"></div>
    </div>
</div>



您可以将一些属性设置为#pagecontent
，然后它将根据您的需要工作：
html{
保证金：0；
填充：0；
身高：100%；
最小宽度：100%；
}
#页面内容{
浮动：左；
位置：相对位置；
}
#页面容器{
最小高度：100%；
最小宽度：100%；
位置：相对位置；
}       
#大内容{
背景：黑色；
}
#页脚{
背景：蓝色；
高度：25px；
宽度：100%；
}


在你的小提琴-铬合金64位W7中，我100%地看着你检查我的答案是你想要的吗@maniacSince将内联样式设置为div#bigContent width=5000px；您可以设置页脚宽度=5000px将修复问题bigContent的宽度将动态增长。这个div中有许多用Javascript/Jquery呈现的dom元素。这就是为什么我不可能相应地设置页面内容的宽度。
<div id="bigContent"></div>

#bigContent {
    background: yellow;
    height: 1000px;  
    width: 100%;
}

<div id="pagecontainer">
    <div id="anyContent"></div>
    <div id="pagecontent" style="width:5000px;">
        <div id="bigContent" style="height:3000px;"></div>
        <div id="footer"></div>
    </div>
</div>