好的，标题有点令人困惑，但这是我的设置。
<div id="leftPanel">
// blah blah
</div>
<div id="rightPanel">
// blah blah
</div>
我正在将rightPanel浮动在Left Panel旁边。当我将背景CSS应用于rightPanel时，它会流过，也适用于leftPanel。为什么是这样？是因为我没有定义宽度吗？当我定义宽度时，它的行为就好像没有向左浮动。
#leftPanel {
float: left;
}
#rightPanel {
background: blue;
}
正确，您有一个div未定义width的窗口，它将拉伸窗口宽度的100％（默认情况下）。
<div id="rightPanel">
// blah blah
</div>
#rightPanel {
background: blue;
}
那么，当您div在其前面浮动时会发生什么呢？浮动div对象将使下div一个对象与它位于同一行。
<div id="leftPanel">// blah blah</div>
<div id="rightPanel">// blah blah</div>
#leftPanel {
float: left;
}
#rightPanel {
background: blue;
}
在这里，您可以看到浮动div对象仅位于此处，而另一方的背景div由于我们现在给定的宽度而不再是100％。
<div id="leftPanel">// blah blah</div>
<div id="rightPanel">// blah blah</div>
#leftPanel {
float: left;
}
#rightPanel {
background: blue;
width: 32px;
}
我建议您看一下它，以了解有关浮动的工作原理的更多信息。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句