组合示例目录
以原生折叠区域收纳完整的组合示例。
组合示例分组
文档流2 种组合样式
清除右侧浮动
清除右侧浮动
蓝色块会清除右侧浮动。其文本仍环绕较高的左侧浮动元素,该元素的盒子与蓝色背景重叠。
清除两侧浮动
清除左右两侧浮动
蓝色元素会清除指定侧的浮动。浮动元素高度不同,因此左侧、右侧与两侧的效果明显不同。
用法与接口
DemoCatalog 接受 groups。每个分组包含 id、title 和 entries;每个条目提供 id、title、label、href 和 children。
完整场景会在原生折叠区域中由服务器渲染。同一页面放置多个目录时,请使用不同的 ID。教学中的第一个可用示例应直接显示。