内容变化 · 选择合适的高度
通知变长后的高度处理
.a { /* A：裁剪溢出 */
height: 120px;
overflow: hidden;
}
.b { /* B：允许增高 */
min-height: 120px;
}
.c { /* C：按需滚动 */
height: 120px;
overflow: auto;
}提问：通知必须完整可读：正文可以增高时选谁？高度必须固定时选谁？C 在短通知下也一定能滚动吗？
展开参考分析
正文可以增高时选 B：min-height 规定下限，不是上限；内容增多后，盒子可以继续增高。
高度必须固定时可选 C：溢出时允许滚动；内容较少、没有溢出时不需要滚动。滚动条的外观可能随浏览器和操作系统设置变化。
A 不适合在没有其他阅读入口时承载完整通知：超出的文字被裁剪，没有直接滚动阅读的方式。“高度一致”和“信息完整”是两个不同要求。