Question

css中的position：fixed;设置这个之后div框就直接消失了，求解决。

css中的position：fixed;设置这个之后div框就直接消失了，不知道是不是受到了前面的css的影响，但又是css样式是用人家做好的，不知道哪里出错了。想问问大家哪些css的设置可以对position：fixed;产生影响，谢谢了

Answer 1

1、首先新建一个html文件，命名为test.html，在test.html文件内，使用div标签创建一个模块，并设置其class为con，主要用于下面通过该class来设置css样式。

2、在test.html文件内，在div内，再创建一个div模块，并设置其class为pos。

3、在css标签内，设置类名为con的div的样式，使用width属性设置div的宽度为300px，使用height属性设置div的高度为200px，使用background属性设置div的背景颜色为红色，定位属性position设置为相对定位（relative）。

4、在css标签内，设置类名为pos的div的样式，使用width属性设置div的宽度为100px，使用height属性设置div的高度为100px，使用background属性设置div的背景颜色为粉红色，定位属性position设置为绝对定位（absolute）。

5、最后在浏览器打开test.html文件，查看实现的效果，如下图所示就完成了。

Answer 2

你这个属性是给元素用来浮动定位的，就是定位在一个地方，不管浏览器里面的内容有多少，它始终在浏览器的一个位置上显示，不会变动：
再给他加：left:0;top:0;z-index:999,就会出来了，位置要变动自己改left和top的值

追问

我不懂是什么问题，只要我加了position：fixed；对应的div就不见了，按照你说的那样改了也是不行

追答

截图截代码

Answer 3

你的div有没有设置width，如果没有给一个width：，
说不定是因为没设置width，其width是由子元素撑开，你设置fixed后它九塌陷了。

Answer 4

你是不是设置了别的position属性，会把这个给“顶”没的，需要给其他被定位的节用top：设置合适的定位位置

Answer 5

因为有一个盒子宽度设置很大，内容被挤掉了