如何使position:fixed;相对于父元素定位

net80earn 2013-03-24 11:07:09

需要制作一个固定不动的导航条，无论网页滚动到哪里，他始终在那，但是使用position:fixed;仅相对于浏览器窗口，一旦用户改变窗口大小或改变分辨率都会使网页错乱，求解决方案

...全文

869 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

dongjunhui2010 2013-03-25

打赏
举报

回复

不太明白楼主的要求

net80earn 2013-03-25

打赏
举报

回复

这个真不行

云水千寻 2013-03-25

打赏
举报

回复

同问，等大神出现！

豪情 2013-03-24

打赏
举报

回复

处理这个：用户改变窗口大小或改变分辨率时，设置页面的最小宽度，这样，窗口太小，可以出现滚动条。这样尽可能使界面更友好。

关于 CSS 中的定位（position），你可能听说过绝对定位（absolute）和相对定位（relative），但其实还有另外三个定位。本次课程将通过20分钟的时间来介绍有关 CSS 定位的所有知识，当视频结束的时候，你将会...

怎么让position:fixed相对于父元素定位position:fixed 正常来说是相对于浏览器窗口定位的, 最近遇到一个场景,需要让加了这个属性的元素相对于父元素定位fixed不为元素预留空间，而是通过指定元素相对于屏幕视口(viewport)的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。打印时，元素会出现在的每页的固定位置。fixed 属性会创建新的层叠上下文。当元素祖先的 tr...

父元素加一行代码 transform: scale(1);

position:fixed 实现相对于父元素定位比如：中间内容区域的大小固定为1000px，对应不同的浏览器宽度，要使得某一个资源子固定在相对于内容区域的某一个位置，就不能使用 left:xxx，right:xxx这样写 position:fixed 是对于浏览器窗口定位的，要实现相当于父元素定位，可以这样： <style> .fa { width: 500px; height: 5000px; background-color: red; margin:

使用fixed进行布局的元素，在一般情况下会相对于屏幕视窗来进行定位。但是如果父元素的transform,perspective或filter属性不为none时，position为fixed的元素就会相对于父元素来进行定位。如果父级元素的层级比其兄弟节点低，就算fixed的层级比父级元素及其兄弟元素高，它也会被父级元素的兄弟元素遮挡住。

61,111

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章