html - 始终向右浮动侧边栏

Question

我只记得一些关于 float:left; 的事情。明确:对；使侧边栏始终位于右侧。但这对我不起作用。

您在图片上看到的问题是侧边栏被分页 div 推到了网站底部。

我的标记是:

<article></article>
<footer></footer >
<aside class="sidebar"></aside>

CSS:

aside {
   float:left;
   width: 300px;
   display:inline;
   margin: 0 10px; 
}

Answer 1

将文章和页脚放在一个 div 中并向其添加 float:left 然后你给侧边栏 float:right 像这样:

<div class="left">
    <article></article>
    <footer></footer >
</div>

<aside class="sidebar"></aside>

CSS:

.left {
    float:left;
}

.sidebar {
    float:right;
}