一个关于css的定位问题?
看透不说透
看透不说透 2017-02-20 09:20:32
[CSS讨论组]

最近在用react实践一个类似模态框的组件,要求在中间弹出一个窗口,实际上这个react bootstrap组件库中也有相关实现,但是提到:

这个modal要直接渲染到body下面,否则可能出现定位不准确的问题。

看上去蛮有道理的样子,react bootstrap实现的过程还费了一番周折,用到了unstable_renderSubtreeIntoContainer这个方法。

但是我始终想不明白什么时候会出现定位不对的问题,因为如果用了fixed,那不就是相对于浏览器视窗进行定位了么,跟挂在哪一个节点下有什么关系??

我大概抽象出来了自己实现的css逻辑:




    
    Title
    



    
        

this is a modal

    

感觉这个class="modal"的div放在哪都可以,并没有什么所谓的定位不对的问题。

所以想请高手问问:定位不对的问题到底在什么情况下可以浮现?


看透不说透
看透不说透

全部回复(2)
数据分析师

一个关于css的定位问题?-PHP中文网问答-一个关于css的定位问题?-PHP中文网问答

围观一下哦,学习一下。

迷茫

因为fixed元素并不总是相对于视窗进行定位的,父元素发生变换,也就是transfrom属性发生改变,如平移或旋转,会对固定定位的子元素产生影响。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号