Fatal编程技术网
  • javascript/
  • Javascript 让一个div有一个最高的位置？

Javascript 让一个div有一个最高的位置？

javascript html css actionscript-3

Javascript 让一个div有一个最高的位置？,javascript,html,css,actionscript-3,Javascript,Html,Css,Actionscript 3,我不太清楚该怎么问这个问题。我要做的是在我的页面底部有一个元素，它总是粘在底部，但是如果页面太短，它会被页面上的其他元素向下推 例如： 左侧中间图形和右侧标题都包含在#mainBodyContent中。如果浏览器窗口足够小，以至于这个div运行到“最新极客”的flash框中，我希望flash框被按下。但是，如果#mainBodyContent没有运行到flash box中，我希望flash box保持在当前位置的底部。我不知道该怎么办 有什么建议/帮助吗？我说得通吗？尝试使用CSS选择器位置：固

我不太清楚该怎么问这个问题。我要做的是在我的页面底部有一个元素，它总是粘在底部，但是如果页面太短，它会被页面上的其他元素向下推

例如：

左侧中间图形和右侧标题都包含在#mainBodyContent中。如果浏览器窗口足够小，以至于这个div运行到“最新极客”的flash框中，我希望flash框被按下。但是，如果#mainBodyContent没有运行到flash box中，我希望flash box保持在当前位置的底部。我不知道该怎么办

有什么建议/帮助吗？我说得通吗？

尝试使用CSS选择器
位置：固定
位置：固定尝试使用CSS选择器
位置：固定
快速戳一下你想要的东西。（对我来说）问题是，虽然生成的页脚位于页面底部，但上面的元素将在其下方运行。一些脚本可以改变这一点（在您的示例中可能就是这样），但这只是一个开始


<html>
    <head>
        <style>
        #footer {
            position: fixed;
            bottom: 0px;
            background-color: Red;
            height: 200px;
        } 

        *html #footer {
            position: absolute;
            bottom: 0px;
            background-color: Red;
            height: 200px;
        }
        </style>
    </head>
    <body>
        <div>A test</div>
        <div id="footer">Here's my footer</div>
    </body>
</html>




#页脚{
位置：固定；
底部：0px；
背景色：红色；
高度：200px；
} 
*html#页脚{
位置：绝对位置；
底部：0px；
背景色：红色；
高度：200px；
}
测验
这是我的页脚

快速刺一下，你就能找到你想要的东西。（对我来说）问题是，虽然生成的页脚位于页面底部，但上面的元素将在其下方运行。一些脚本可以改变这一点（在您的示例中可能就是这样），但这只是一个开始


<html>
    <head>
        <style>
        #footer {
            position: fixed;
            bottom: 0px;
            background-color: Red;
            height: 200px;
        } 

        *html #footer {
            position: absolute;
            bottom: 0px;
            background-color: Red;
            height: 200px;
        }
        </style>
    </head>
    <body>
        <div>A test</div>
        <div id="footer">Here's my footer</div>
    </body>
</html>




#页脚{
位置：固定；
底部：0px；
背景色：红色；
高度：200px；
} 
*html#页脚{
位置：绝对位置；
底部：0px；
背景色：红色；
高度：200px；
}
测验
这是我的页脚

您可以将绝对定位与填充结合使用。示例如下所示：





html，正文{高度：100%；}
/*布局*/
#容器{
宽度：800px；边距：0px自动；
位置：相对；最小高度：100%；
}
#顶部{高度：12px；}/*集管布局上的边距*/
#标题{位置：相对；}
#内容{填充底部：72px；}/*60px页脚高度加上12px填充*/
#页脚{
明确：两者皆有；
位置：绝对位置；
底部：0px；
宽度：100%；
高度：60px；
文本转换：大写；
背景色：红色；
}
.第{
边缘顶部：12px；
填充顶部：12px；
边框顶部：1件纯黑；
边框底部：1px纯黑；
}
标题
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

页脚内容在这里



您可以将绝对定位与填充结合使用。示例如下所示：





html，正文{高度：100%；}
/*布局*/
#容器{
宽度：800px；边距：0px自动；
位置：相对；最小高度：100%；
}
#顶部{高度：12px；}/*集管布局上的边距*/
#标题{位置：相对；}
#内容{填充底部：72px；}/*60px页脚高度加上12px填充*/
#页脚{
明确：两者皆有；
位置：绝对位置；
底部：0px；
宽度：100%；
高度：60px；
文本转换：大写；
背景色：红色；
}
.第{
边缘顶部：12px；
填充顶部：12px；
边框顶部：1件纯黑；
边框底部：1px纯黑；
}
标题
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

页脚内容在这里



将内容的高度与窗口的高度进行比较。如果窗口大于内容的高度，则将页脚设置为
位置：固定；底部：0

css:

javascript:


function setFooterPosition()
{
    var foot = document.getElementById("footer");
    var docEl = document.documentElement;
    foot.style.position = docEl.clientHeight < docEl.scrollHeight ? "" : "fixed";
}
window.onload = setFooterPosition;
window.onresize = setFooterPosition;



函数setFooterPosition（）
{
var foot=document.getElementById（“页脚”）；
var docEl=document.documentElement；
foot.style.position=docEl.clientHeight
将内容的高度与窗口的高度进行比较。如果窗口大于内容的高度，则将页脚设置为
位置：固定；底部：0

css:

javascript:


function setFooterPosition()
{
    var foot = document.getElementById("footer");
    var docEl = document.documentElement;
    foot.style.position = docEl.clientHeight < docEl.scrollHeight ? "" : "fixed";
}
window.onload = setFooterPosition;
window.onresize = setFooterPosition;



函数setFooterPosition（）
{
var foot=document.getElementById（“页脚”）；
var docEl=document.documentElement；
脚型