Float增加了不必要的空间

时间:2014-04-04 10:24:49

标签: html css css-float

我试图设计鼠标悬停描述:
有时包括一两个额外的" infos"
- 并且一次漂浮似乎是有序的,但是:

Outcome

enter image description here

为什么" 15分钟。"推出超过" maskine" ?
- 我可以以某种方式压缩它,以获得正确的边距吗?

解决方案:每行白色文字必须位于其自己的范围内(不形成单个方框):

enter image description here

1 个答案:

答案 0 :(得分:0)

它不会添加“不必要的”空间 - 它只是不知道文本的边界框中有空间可用(Plysning ...)。

一种可能性是使用top: 0px; right: 0px;将15分钟文本置于绝对位置并使用text-align: right;。请记住在紫色包装容器上使用position: relative;