模板:clear-float

这是本文档旧的修订版！

这个模板用于插入一个清除浮动的 DIV。将它放在浮动体之后，避免其浮动影响到后续元素。

详细请见示例。

[|clear-float|]

这个模板没有参数。

该模板最常用的地方是：在 infobox 中的某一个单元格中使用 template:icon 内的模板插入多个描述图标，这些描述图标一行一个。

如果直接如下书写：

[|infobox
|title=某某某
|img=[|avatar|ac人物:acfun虚拟偶像:ac娘本体:msac_avatar_2022_11.jpg|]
|info=
^  AcFun  ^^
^ ID ~~!~~ 某某某 ~~!~~
^ 认证 ~~!~~ [|icon:acmonkey|][|icon:acavi|233|] ~~!~~
|]

得到的结果是：

某某某

AcFun
ID	某某某
认证	AcFun管理员 233

这是由于每个 icon 模板内的 .wrap_template_icon-icon-body 元素是左浮动的。所以第二个 icon 模板即使与第一个 icon 模板不在同一行，它里面的 .wrap_template_icon-icon-body 仍然会与第一个 icon 模板内的 .wrap_template_icon-icon-body 元素的最右边对齐。

解决方法是在两个 icon 模板之间插入一个本模板。即如下：

[|infobox
|title=某某某
|img=[|avatar|ac人物:acfun虚拟偶像:ac娘本体:msac_avatar_2022_11.jpg|]
|info=
^  AcFun  ^^
^ ID ~~!~~ 某某某 ~~!~~
^ 认证 ~~!~~ [|icon:acmonkey|][|clear-float|][|icon:acavi|233|] ~~!~~
|]

就会得到正确的结果：

某某某