2024年2月4日 - 文章浏览阅读675次。这篇博客介绍了HTML5前端的一些实用技巧,包括如何实现导航栏固定在页面顶部始终保持可见,如何利用CSS绘制各种方向的三角形,以及如...

底部导航栏用 fixed 定位导致内容被遮挡时,应在主容器设置 padding-bottom(非 margin-bottom),值为 calc(var(--nav-height) + env(safe-area-inset-bottom)),并配合 flex ...

2026年4月7日 - 直接用position: fixed会脱离文档流,容易导致内容被遮盖(比如滚动时文字跑到导航栏下面).底部导航容器设固定高度(如height: 60px),不要用flex: 0 0 au...

2022年2月1日 - 在前端设计中经常需要使用fixed布局(position:fixed)固定组件(如导航栏置顶固定),但是有时会出现正文组件遮挡了fixed组件的问题,如:.同时为了方便用户...