Javascript 将页脚放在底部_Javascript_Html_Css_Cordova

Javascript 将页脚放在底部

javascript html css cordova

Javascript 将页脚放在底部,javascript,html,css,cordova,Javascript,Html,Css,Cordova,我目前正在制作一个应用程序。但是，我的页脚就在按钮的正下方。我希望我的页脚在应用程序的底部。我会附上一个链接到它现在看起来是什么样子的图片 <body> <div data-role="page" id="mainpage"> <div data-role="header" class="header" data-position="fixed"> <a href="index.html" class="u

我目前正在制作一个应用程序。但是，我的页脚就在按钮的正下方。我希望我的页脚在应用程序的底部。我会附上一个链接到它现在看起来是什么样子的图片

<body>
    <div data-role="page" id="mainpage">
        <div data-role="header" class="header" data-position="fixed">
            <a href="index.html" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a>
            <h1><b>Converter App</b></h1>
        </div>

        <div class="app">
            <a href="converter.html" class="ui-btn">Converter</a>
        </div>


        <footer data-role="footer">
            <h4>Copyright 2017</h4>
        </footer>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="scripts/platformOverrides.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
</body>

添加css类或id

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
}

在html中

<div id="footer">
    <h4>Copyright 2017</h4>
</div>

明确地将页脚容器固定在页面底部

添加css类或id

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
}

在html中

<div id="footer">
    <h4>Copyright 2017</h4>
</div>

明确地将页脚容器固定在页面底部

您需要的是首先指定应用程序容器的最小高度，如主体，主页{minheight:100vh；}

然后将页脚粘在底部

您需要的是首先指定应用程序容器的最小高度，如主体，主页{minheight:100vh；}

然后将页脚粘在底部

您需要添加

#mainpage{
height:100vh;}

您需要添加

#mainpage{
height:100vh;}

您能告诉我们您使用了什么CSS/JS以及您试图实现的目标吗？@3Dos Hello！！我已经在css中添加了。你能告诉我们你使用了什么css/JS以及你试图实现什么吗？@3Dos Hello！！我已经在css中添加了。您好！！不幸的是，页脚仍然在按钮的正下方。正如旁白可能不是问题，但这将导致页脚始终在底部可见，因为它的固定位置，因此无论页面内容的高度如何，页脚始终可见。可能不是问题，这取决于应用程序的最终外观。您好！！不幸的是，页脚仍然在按钮的正下方。正如旁白可能不是问题，但这将导致页脚始终在底部可见，因为它的固定位置，因此无论页面内容的高度如何，页脚始终可见。可能不是问题，这取决于应用程序最终的外观。