然后添加一些样式html,body{margin:0;高度：100%；填充：0；}dl，dd{边距：0；}.con{位置：相对；高度：100%；overflow-x:hidden;}.index{position:absolute;右：0；顶部：0；底部：0；显示：弹性；弹性方向：列；证明内容：居中；}.indexa{显示：块；宽度：30px；高度：30px；文本对齐：居中；行高：30px；半径：50%；kgground:cornflowerblue;文字修饰：无；颜色：#fff；大纲：0；边距：5px;}.contacts{高度：100%;背景：#fff；溢出：自动；line-height:2em;}.contactsdt{背景：bisque;字体大小：1.5rem；颜色：矢车菊蓝；高度：2em；行高：2em；填充：010px;}.contactsdd{填充：010px;显示：块；游标：指针；}这样就可以看到布局了https://codepen.io/xboxyan/pe...实现天花板效果天花板效果其实很简单，只要在css中使用新属性position:sticky即可，你可以粘性定位元素（stickypositionedelement）是经过计算position属性为sticky的元素兼容性还不错，至少在移动端可以放心使用addposition:sticky.contactsdtto.contactsdt{/*添加如下属性*/position:sticky;top:0;}这个实现了对每个分类的吸顶效果https://codepen.io/xboxyan/pe...实现快速定位效果如果不用js，可以使用href锚点实现定位.具体做法是……