当我单击新页面时，网页会更改大小

我对HTML和CSS还很陌生，所以请耐心等待…

我试图在我的主页上链接不同的页面，每当我更改页面时，整个新页面都会被重新格式化。

有人知道它可能有什么问题吗？

我使用了一个来自网上的粘性页脚代码片段，它似乎来自于此。我用了一个页面来扭曲整个页面，并使页脚粘在底部。

* {
margin: 0;
}
html, body {
   height: 100%;
}
.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -40px; 
}
.page-wrap:after {
    content: "";
    display: block;
}
.main-footer, .page-wrap:after {
     height: 40px; 
}
.main-footer {
    background: orange;
}

我认为问题只是html正文的位置。尝试修复其位置以及

body{
    position:fixed;
    }

为了修复底部的页脚，请使用给定的代码并删除.main页脚、.page wrappe:after和.page wrape:after 的css

body{
 position:fixed;
}
.page-wrap {
min-height: 100%;
}
.main-footer {
background: orange;
position:fixed;
}

还将html中带有bootstrap类的父div作为

<html>
<body>    
<div class="container">
 ....
</div> 
</body>
</html>

相关内容

最新更新

热门标签：