Question

所以我在页面底部有一个div，这很好，问题是它与左边的侧边栏重叠，所以如何将它滑过？我试图做浮动：对，但它似乎没有做任何事情，我假设因为它处于固定位置。我也试图改变宽度，但这只是从右侧切割它。那么我怎样才能把它拿到我需要的地方，这只是占据了侧边栏不在的页面的剩余部分？

我正在拍摄这个样子：

.footer {position:fixed; bottom:0; float:right; background-color:lightgray; font-size:90%}

Answer 1

您可以使用FLEXBOX作为

我使用flexbox做了一点小提琴，因为你没有提供你的布局

Answer 2

页脚的固定属性不是必需的。

此外，将页脚元素指定为块将在为其应用样式时确保正确的行为。

.footer {position：relative;显示：块; background-color：＃f2f2f2;漂浮：对; font-size：90％;宽度：自动;溢出：隐藏; }

宽度设置为自动，因为我没有侧边栏的确切尺寸。要将其设置为数字，您需要执行一些计算。例如：

如果侧边栏宽度为30％，并且还有边框，则总宽度为：30.2％;

也就是说，1px左边加1px右边界。

虽然，尺寸取决于边框宽度。

如果没有边框，则页脚宽度应设置为68.8％或68.75％。