position:fixed定位后下面紧接着div等元素的问题

处理办理：在后面pistion:fixed后面，紧接着加一个空的设有高度的div

     <div class="ziye_toub">  //这个div position:fixed已经脱离文档流<div class="left"></div><p>商标库</p></div><div style="height: .75rem;"></div>  //处理办法重点<div class="zlk_banner"><img src="data:images/zc_banner_02.jpg"/><div class="sous_ni"><input type="text" placeholder="输入公司名称" /><button>站内检索</button></div></div>

CSS

.ziye_toub{position: fixed;top: 0;left: 0;width: 100%;height: .75rem;text-align: center;line-height: .75rem;
}.ziye_toub .left{background: url(../images/back_jt.png) no-repeat center;background-size: .2rem;position: absolute;top: 0;left: 0;width: .75rem;height: .75rem;
}.ziye_toub p{color: #333333;font-size: .28rem;
}

处理二：给紧接后面的div设置一个margin-top:.75rem

.zlk_banner{margin-top: .75rem;
}

还有更好的办法，请大家在评论区留下大牛，您的方法，谢谢亲们！

position:fixed定位后下面紧接着div等元素的问题相关推荐

ios fixed定位后内容不显示_记录CSS中 position:fixed 踩的坑
在 html 页面的css样式中,如果将 position 属性的值设置为 fixed,那就表示其元素的位置相当于显示设备的可视区域进行定位,而今天在调试此属性时,却发生了一件奇怪的事件. posit ...
uni-app.05.底部按钮fixed定位后被软键盘推起的解决办法
底部按钮fixed定位后被软键盘推起的解决办法问题引出解决方案解决思路代码实现效果问题引出昨天在测试app的时候,测试提出新增个人信息界面底部的input框在输入的时候会被软键盘遮挡而看 ...
html随页面移动固定,div设置了position: fixed属性后如何可以做到随浏览器左右移动？...
把一个div标签,给它的属性设置position: fixed;bottom:0;固定在浏览器的最底部. 这个div标签在浏览器上下滚动的时候,会一直保持在屏幕最底部,这一点没有问题.但问题是当浏览器 ...
ios fixed定位后内容不显示_HTMLCSS学习笔记（七）-- 定位与锚点
CSS文档流 CSS 有三种基本的定位机制:普通流.浮动流.定位流. POSTION position定位属性,检索或设置对象的定位方式 position属性值绝对定位和相对定位的区别: 1.参照物 ...
CSS的position:fixed的使用(固定不动的div)
前段时间,在做一个项目时需要使一个层相对于浏览器边框固定,那时用position:absolute试了下,发觉absolute是对网页边框而言的.后来,上网查了一些根据滚动条的移动,动态地改变left ...
position:fixed定位
fixed属性的说明:fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left". "top". "right&q ...
CSS position:fixed定位时 “高度坍塌” 问题的解决
这问题两种方法: 1.给第二个模块div设置margin-top的值,margin-top的值设为大于等于固定定位模块的高度 2.这个方法是百度百科手机页面用的,先为固定定位元素设一个父元素,不设高度 ...
子元素定位后，无法撑开父元素
我们经常会遇到一个问题那就是在对子元素进行定位以后,就无法撑开父级元素,这时候我们可以给父级元素加一个属性overflow: hidden;或者overflow: auto;或者float:right ...
position:fixed 实现相对于父元素定位
position:fixed 实现相对于父元素定位比如:中间内容区域的大小固定为1000px,对应不同的浏览器宽度,要使得某一个资源子固定在相对于内容区域的某一个位置,就不能使用 left:xxx, ...

position:fixed定位后下面紧接着div等元素的问题

position:fixed定位后下面紧接着div等元素的问题相关推荐

最新文章

热门文章