如何将我的页脚移到右侧?

时间:2017-02-07 21:19:48

标签: html css xhtml

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

我正在拍摄这个样子:Example

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

2 个答案:

答案 0 :(得分:0)

您可以使用FLEXBOX作为

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

JSFIDDLE

答案 1 :(得分:0)

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

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

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

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

如果侧边栏宽度为30%,并且还有边框,则总宽度为:30.2%;

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

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

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