由于我的页脚 HTML 标签切换位置,我无法定位它。
正如您在我的 IDE 中看到的,我将页脚设置在 HTML 部分的最底部。但是,一旦我运行我的应用程序,它就会通过 2 行改变位置。
是因为remodal-pop box配置吗?知道如何解决这个问题吗?
这是图像,使其更易于理解。
这是我的 css-footer 代码:
.footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
text-align: center;
background: #2E3438;
color:white;
height: 23px;
line-height: 8px;
font-size: 13px;
}
以及由于 remodal-pop 错误而无法更改的 html 和 body:Twitter Bootstrap modal pushes html content to the left
html {
overflow: hidden;
height: 100%;
}
body {
overflow: auto;
height: 100%;
}
编辑 (在给出答案之后):
这是您需要更改的代码(追加到前置)文件的名称是 jquery.remodal.js:
if (!remodal.$overlay.length) {
remodal.$overlay = $('<div>').addClass(namespace + '-overlay');
remodal.$body.prepend(remodal.$overlay);
}
remodal.$bg = $('.' + namespace + '-bg');
remodal.$closeButton = $('<a href="#"></a>').addClass(namespace + '-close');
remodal.$wrapper = $('<div>').addClass(namespace + '-wrapper');
remodal.$modal = $modal;
remodal.$modal.addClass(namespace);
remodal.$modal.css('visibility', 'visible');
remodal.$modal.prepend(remodal.$closeButton);
remodal.$wrapper.prepend(remodal.$modal);
remodal.$body.prepend(remodal.$wrapper);
最佳答案
您的 remodal
js 脚本只是在文档就绪时附加那些 div
-s。
正如我在 remodal 主页上看到的那样,它们都是 position: fixed
,只要您没有更改那些 remodal 容器的样式 - 它们就无法移动您绝对定位的页脚。
可能问题出在其他地方。您可以修改 remodal 脚本并预先(或放置在其他地方)这些容器,但我认为这无关紧要。
也许其中一种 remodal 样式有问题?您可以从 DOM 中删除样式进行测试(只留下 js)。
关于html - 定位页脚,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36545794/