文章介绍了如何使用CSS的column-count属性创建多列布局，并展示了如何结合column-rule设置列间的规则。此外，通过媒体查询@media实现不同屏幕宽度下的响应式设计，调整布局以适应各种设备。同时，讨论了overflow属性的三种模式：hidden、scroll和auto在处理内容溢出时的应用。
多列布局
分几列
column-count: 6;
可以组合写，可以分开写
column-rule: 10px solid red;
column-rule-style: solid;
column-rule-color: pink;
column-rule-width: 2px;
媒体查询 实现响应式
@media screen and (max-width: 800px) and (min-width:600px)
overflow
hidden: 溢出隐藏
scroll：强制出现滚动条
auto：内容超出则出现滚动条，内容不溢出则没有滚动条
1255
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
