如何使页脚卡在底部?
我不希望通过滚动来修复它。我希望它有响应
主{
float: left;
color: black;
width: 70%;
padding: 10px;
box-sizing: border-box;
}
侧边栏{
float: right;
color: white;
background: #2A2B2DFF;
color: white;
width: 30%;
padding: 10px;
box-sizing: border-box;
}
主页脚{
width: 100%;
background: #2A2B2DFF;
height: 50px;
color: white;
text-align: center;
}
似乎您遇到的问题与float
属性有关。通常,它需要clearfix
类,而您缺少该类。此类应用于包装浮动元素的父级,请在此处阅读有关它的更多信息。我已经在您的代码中添加了clearfix
,现在页脚没有"跳转"到页面顶部:检查这支笔。希望它能解决您的问题。
附言:考虑使用弹性框。