Html 末尾的语义UI页脚

我在我的项目中使用语义用户界面。我创建了一个索引页，所有元素（导航栏、页脚等）都可以正常工作

现在，Im-dev有一个注册页面，但页脚不在页面末尾，我能做什么

页脚代码：

<div class="ui inverted vertical footer segment">
    <div class="ui container">
        Travel Match 2015. All Rights Reserved
    </div>
</div>

2015年旅游比赛。版权所有

注意：我在页脚中没有任何css规则，只有通过语义ui添加的规则

更新： 导航条码：

<div class="ui inverted segment">
    <div class="ui container">
        <div class="ui inverted secondary menu">
            <div class="item">
                <i class="plane icon app-icon"></i>
            </div>
                <div class="right item">
                  <a href="/signup">Signup</a>
                </div>
        </div>
    </div>
</div>

表格编号：

    <form class="ui large form container">
        <div class="ui stacked segment">
            <div class="field">
                <div class="ui left icon input">
                    <i class="user icon"></i>
                    <input type="text" name="email" placeholder="E-mail address">
                </div>
            </div>
            <div class="field">
                <div class="ui left icon input">
                    <i class="lock icon"></i>
                    <input type="password" name="password" placeholder="Password">
                </div>
            </div>
            <div class="ui fluid large teal submit button">Login</div>
        </div>
        <div class="ui error message"></div>
    </form>
    <div class="striped"></div>

登录

您可以尝试绝对定位，因为您的内容比中的部分小

使用

min height

应用CSS规则，因为页脚位于特定高度范围的底部，从而避免内容重叠

@介质（最小高度：320px）{
.ui.footer.form-page{/*增加了SO代码段优先级的特殊性*/
位置：绝对位置；
底部：0；
宽度：100%；
}
}

登录
2015年旅游比赛。版权所有

您可以发布完整的代码吗？很多事情可能会出错，如果看不到实际代码，很难预测。参考一下代码就好了。你们需要什么代码？页脚和表单？发布当前行为的演示。@ManojKumar我该怎么做？它与表单页一起工作，但会破坏索引页在表单页中为页脚使用不同的类。不同的类是什么意思？我正在使用模板重用codeCheck我的代码编辑。我在HTML中包含了一个页脚类，并修改了CSS。仅在表单页上使用它，并从索引中删除

。表单页

。对于我来说，这是：

@媒体（最小宽度：723px）