浮动DIV在底部添加填充

时间:2014-06-13 09:28:30

标签: html css

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

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

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

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

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

干杯

2 个答案:

答案 0 :(得分:1)

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

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

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

显示修复的fiddle

答案 1 :(得分:0)

你的意思是这个例子吗?

.banner{
  float:right;
}

http://jsfiddle.net/kisspa/5dgFv/