Question

基本上，我不明白为什么不在最右边？它将自己定位在底部，即使按照我的理解它应该在右上角？

有关详细代码，请参阅JSfiddle

#content section {
padding: 4%;
width: 70%;
float: left;
background-color: white;
margin-bottom:8%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

}

aside {
width: 30%;
float: right;
background-color: green;

}

Answer 1

简单的解决方案是在section

之前放在一边

像

<div class="container">
<aside>
<h1>placeholder</h1>
</aside>
<section>
...
...

<强> Working Fiddle

Answer 2

您正在将您的侧边栏浮动到最后一个部分元素周围。

而不是这样，将您的部分包裹在另一个浮动的容器周围。然后让你的侧栏浮在那个新容器旁边。

<div class="container">
    <div class="section-container">
        <section>...</section>
    </div>
    <aside>
        ...
    </aside>
</div>

<强> CSS

.section-container{
    width: 70%;
    float: left;
}

aside {
    width: 29%;
    float: right;
    background-color: green;
}

<强>小提琴： http://jsfiddle.net/5JhMj/2/

侧边栏未正确定位

2 个答案: