当我点击一个新页面时，网页会改变大小答案

【问题标题】：Webpage changes size when I click to a new page当我点击一个新页面时，网页会改变大小
【发布时间】：2016-12-07 07:14:28
【问题描述】：

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

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

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

我使用了一个来自网上的粘性页脚代码 sn-p，它似乎来自那个。我用一个页面来翘曲整个页面并使页脚粘在底部。

* {
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 css web styles

【解决方案1】：

我认为问题只是你的 html 正文的位置。尝试固定它的位置

body{
    position:fixed;
    }

使用给定代码在底部固定页脚并删除 .main-footer、.page-wrap:after 和 .page-wrap:after 的 css

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

同时在你的 html 中为父 div 提供引导类作为

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

【讨论】：

还是不行。。我把那段代码拿出来了。现在它似乎只是当我改变页面时。当我通过链接切换页面时，正文的高度和宽度会发生变化。