Question

我需要我的页脚始终将fixed保留在页面底部，我还需要给它minimum-width，以便左侧内容和正确的内容不会被删除彼此碰撞（根据设计师的模拟）。如果用户的视口太瘦，内容的右侧被切断屏幕，并且无法访问它，则会出现问题。我真的不想改变菜单的行为方式（添加媒体查询断点或其他东西），而是希望有一个更像position:absolute的菜单，但总是位于la {{ 1}}。

有什么想法吗？

＆＃13;

position:fixed

＆＃13;

.footer {
    width: 100%;
    min-width: 500px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #eee;
    height: 50px;
}

.left {
    float: left;
}

.right {
    float: right;
}
}

＆＃13;

Answer 1

尝试将每侧的 min-width 属性设置为

.left {
    float: left;
    min-width:250px;
}

.right {
    float: right;
    min-width:250px;
}

您也可以将它们设置为较小的px尺寸，使右侧保持较小的宽度。如果你真的想要花哨，你可以创建一个媒体查询来删除某个宽度的浮动

固定位置页脚不能在屏幕外水平滚动

1 个答案: