html - 单击新页面时网页会更改大小

标签 html css web styles

我对 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-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>

关于html - 单击新页面时网页会更改大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38711855/

相关文章:

javascript - 什么会导致 click() 方法失败?

javascript - 图像的像素级处理

javascript - 无法通过 Angular $resource 发布数据?

html - 处理我网站上的 float

javascript - 获取所有 xhr 请求

javascript - 优化触摸屏的网络界面(处理不需要的鼠标拖动等)

javascript - 在 Web 浏览器中查找触发 then 事件的 jQuery 代码

javascript - 发布到推特

html - 如何将完整网站的 em 设置为 10px

css - CSS Faux Column 布局有问题——背景栏图像没有出现