父级fixed_父元素设置absolute,子元素设置fixed定位失效

如下代码，应该一目了然

</div>

里面的元素原本是正常定位的，需要动态改成fixed，又不能把元素移到外层，怎么解决？

fixed相对于body定位，而不是相对于父元素absolute，所以你这样的布局会出错吧？所以你得重新考虑下布局，具体要求是什么呢。

你的这个需求有问题，fixed只会对窗口生效，这很正常，

看了下源代码, 他的代码是

left: auto; position: relative; z-index: 1; top: auto; right: 0px; display: block;

==>

left: 0px; position: fixed; z-index: 1; top: 0px; right: 0px; display: block; width: 1254px;

而父级是relative

通过测试发现不同浏览器对这个fixed属性的渲染规则不一样，chrome和firefox就会出现这个问题，内层fixed会相对于父元素的位置和宽高。而IE浏览器则是理论的状态，即只对最顶层元素定位

最外层的relative直接把里面所有的定位锁死了；fixed->absolute->relative;整个全随着relative的定位左上角坐标为0.0走了；

父级fixed_父元素设置absolute,子元素设置fixed定位失效相关推荐

jq获取父元素下的子元素
导入jq库通过parent获取父元素 children获取子元素 $(".make-order").click(function(e) {var theli =$(this).p ...
CSS实现父元素半透明，子元素不透明
CSS实现父元素半透明,子元素不透明. 很久以来大家都习惯使用opacity:0.5在新式浏览器里实现半透明,而对IE较旧的版本使用filter:Alpha(opacity=0.5)的滤镜来实现半透明 ...
XamarinAndroid组件教程设置自定义子元素动画(二)
XamarinAndroid组件教程设置自定义子元素动画(二) (9)打开MainActivity.cs文件,为RecylerView的子元素设置添加和删除时的透明动画效果.代码如下: --using ...
XamarinAndroid组件教程设置自定义子元素动画(一)
XamarinAndroid组件教程设置自定义子元素动画(一) 如果在RecyclerViewAnimators.Animators中没有所需要的动画效果,就可以自定义一个.此时,需要让自定义的动画继 ...
js 获取元素，同级元素下的子元素总结
太原总结不慌不慌,来日方长 ** 1.获取同级元素 form 下的 div 元素下的 input标签的value值 ** //html代码 <div id="replySubmit& ...
清除元素中的子元素html_HTML中的元素简介
清除元素中的子元素html An element is a fundamental component that is used to develop web pages. Generally an ...
Vue中v-for必须在vue实例对应元素下的子元素中循环渲染数据
异常信息 Cannot use v-for on 1 stateful componentroot element because it renders multiple elements 翻译大意: ...
ios 底部用定位 fixed。在软件盘出来后，页面元素被顶上去一部分，fixed定位的footer也跑到了上面去。解决方法...
ios 底部用定位 fixed.在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去.解决方法 $("input").focus(function() ...
父元素flex:1,子元素设置高度百分百无效
有的时候我们写页面布局会出现,父级的高度是通过flex为1来设置的,然后子级想保持和父级一样的高度,很多人都会想到设置高度百分百.不过由于这里的父元素是缺省的,所以你设置了高度百分百是无效的.我之前是 ...
jquery 同级元素下的子元素_jq 获取所有父级元素及同级元素及子元素的方法(推荐)...
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id&quo ...

父级fixed_父元素设置absolute,子元素设置fixed定位失效

父级fixed_父元素设置absolute,子元素设置fixed定位失效相关推荐

最新文章

热门文章