Question

我把我的侧边栏浮到右边。我在试图将类容器挂在侧栏的左侧时遇到了麻烦。我试着将侧杆向左侧浮动，但看起来我的容器被推倒了。谢谢！

#sidebar {
margin: 10px 0 0 0; 
border: 2px solid black;
float:right;
width:150px;
height:400px;
}

Answer 1

记住你需要从宽度

休息边框

在你的情况下宽度150px边框2px ----＆gt;宽度= 150-2px（左起）-2px（右起）= 146px

对你的容器做同样的事情......

Answer 2

很容易回答我们将其添加到您的CSS：

section{
    float:left;
}

Answer 3

这是因为您将article.container元素的宽度指定为100％。由于没有足够的空间让它具有你所要求的宽度，浏览器会将其推下去。如果你在包含元素上放置15em的margin-right，容器将被正确放置，如jsFiddle的这个fork中所示：

主要的变化是添加一个类（仅用于从CSS进行定位），然后添加以下规则：

section.the-section {
  margin-right:15em;
}

您通常必须使用边距或填充为浮动侧边栏分配空间。