Question

浮动div与背景颜色有一个奇怪的问题。

我们设计了一个div来模仿客户端的横幅功能。横幅可以左右对齐文本，也可以两者都不对齐。

当横幅未对齐时，横幅看起来应该如此。但是，当横幅左/右浮动时，会添加额外的填充。

Here's an example - http://jsfiddle.net/ZSE93/

如果你有任何想法，那就太好了。或者如果您有任何问题，我会很乐意解释它们。

干杯

Answer 1

这是由于内部p上的margin-bottom，下面是两个修复此选项的选项

.banner p {
    font-size: 12px;
    margin-bottom: 0;
}

或

.banner p {
    font-size: 12px;
    display: inline-block;
}

显示修复的fiddle。

Answer 2

你的意思是这个例子吗？

.banner{
  float:right;
}