解决头部使用 position:fixed; 固定定位后遮住下方内容的问题 |
您所在的位置:网站首页 › 网页有些内容显示不出来怎么解决问题 › 解决头部使用 position:fixed; 固定定位后遮住下方内容的问题 |
今天在做一个页面的时候,有一个效果是要让头部固定,但是在给了position:fixed; 后,继续往下写会发现下方内容有部分被头部遮住了,有两个办法可以解决这种问题
1.在头部下面给一个空的 div
给这个div设置高度,把页面撑开,这种方法是让头部刚好遮住的是这个空div,把内容放出来。 但是这种方法需要一点点调试高度,所以不推荐。 2.把整个要使用 position:fixed; 的盒子,用另一个盒子包起来比如说我有一个头部区域,需要固定 演出列表 .head{ width: 100%; height: 55px; position: fixed; }这时候再向下写内容就会被头部遮住一部分,因为整个头部的高度为 55px ,所以用一个盒子把整个头部包起来,设置等高,就可以解决了 演出列表 .box{ height: 55px; } |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |