positiscroll win7ion:fixed定位时 “高度坍塌” 问题的解决

定位时“高度坍塌”问题的解决

anti--11-05原文

问题：对于固定定位的元素，固定住高度，后面紧跟的模块会当做前面的固定元素不存在似的，这给布局带来了困扰

解决方法：

1.给第二个模块div设置-top的值，-top的值设为大于等于固定定位模块的高度

2.这个方法是百度百科手机页面用的，先为固定定位元素设一个父元素，不设高度，不设宽度，什么都不设，他的第一个子元素是我们需要做固定定位的元素，这个按照需求写好样式，此时，父元素的高度依然是0，如何使得父元素有高度呢，父元素有了高度，后面来的模块就不用设置-top的值了，我们只要在固定定位元素后面写一个同等高度的空div便解决了，这时父元素就有高度了，而且正是我们需要的高度，这个空的div像一根柱子，支撑起了这个空中楼阁。

定位时“高度坍塌”问题的解决的更多相关文章

唤醒键盘时取消对特定类的定位

/*唤起键盘时取消对特定类的定位*=$(window).height();$(window).r...

关于苹果手机微信端positionfixed定位top导航栏问题

在移动端,position:fixed定位一般不被识别,或者在ios系统中,获取input焦点时,会导致position:fixed的top失效,下面是我验证过的方法,大家可以试试.!do...

IE11下使用fixed定位时鼠标滚动不平滑

很久不用IE了,近期做兼容性测试发现一个fixed定位的问题,当元素使用fixed定位时,其应该不随页面滚动,在chrome/firefox/edge下都很完美,元素完全不动,但是使用IE11时,如果...

ie7中positionfixed定位后导致margin0auto无效

布局网页时,需要把header固定在上方.直接使用position:fixed;现代浏览器以及ie8以上均正常显示,但是ie7中,header里面的子元素设置的水平居中并没有效果.做了各种尝试,都没有...

iOS后台定位时授权提示一闪而过的解决办法

今天做后台定位时,授权提示允许XXX在您并未使用该应用时范文您的位置吗?总是一闪而过,点不到,或者压根就不弹出.后来找到了解决问题的方法,那就是:将CLLocationMa...

ios设备触发虚拟键盘输入后positionfixed无效的一些简单另类的解决方法。

首先看一下我要解决的问题,第一张图是正常的情况下,第二张图是点击了输入框之后的情况,就是要解决此问题~!百度了一下解决方法,好像有以下的一些方法:1.iscroll2.JqueryMobi...

关于canvas画布使用fillRect时高度出现双倍效果解决办法

当设置canvas的宽度和高度时,只有内嵌css有效,外部css会出现拉伸的情况,例如:!DOCTYPEhtmlhtmllang=en...

CSS高度坍塌原因及解决办法

在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高.但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷.由于父...

父节点使用css的transformtranslate00时positionfixed在chrome浏览器中无效

今天在做移动端的页面,无意间发现了一个Chrome浏览器下的一个bug,在使用CSS3的transform:translate(0,0)属性对节点A进行位置转化,此时A节点下面有一个字节点B,节点...