网站导航

文档

组合示例目录

以原生折叠区域收纳完整的组合示例。

组合示例分组

文档流2 种组合样式

清除右侧浮动(clear:right)

清除右侧浮动

蓝色块会清除右侧浮动。其文本仍环绕较高的左侧浮动元素,该元素的盒子与蓝色背景重叠。
清除两侧浮动(clear:both)

清除左右两侧浮动

蓝色元素会清除指定侧的浮动。浮动元素高度不同,因此左侧、右侧与两侧的效果明显不同。

使用于 the authoring handbook.

用法与接口

DemoCatalog 接受 groups。每个分组包含 id、title 和 entries;每个条目提供 id、title、label、href 和 children。

完整场景会在原生折叠区域中由服务器渲染。同一页面放置多个目录时,请使用不同的 ID。教学中的第一个可用示例应直接显示。

请参阅完整的可用组合示例和布局契约。