html – 固定位置div不包含在包装div中,覆盖整个屏幕?

前端之家收集整理的这篇文章主要介绍了html – 固定位置div不包含在包装div中,覆盖整个屏幕?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在尝试使固定位置div保持在外部div中.我希望固定位置div的宽度为100%.但是,当我将宽度设置为100%时,固定位置div覆盖整个屏幕并覆盖Firefox / IE8等中的滚动条.以下是我正在谈论的示例:

正如你所看到的,外部div的宽度为380像素…所以,我认为固定位置div不可能延伸到这个边界之外,但它确实如此.

我究竟做错了什么?

谢谢!

最佳答案
具有固定位置的元素相对于视口定位.固定定位元素从正常流动中移除.文档和其他元素的行为类似于固定定位元素不存在.

虽然您声明position:fixed;,但您没有为top和left属性指定值.两个属性的默认值为auto,这使浏览器可以计算上边缘和左边缘位置.计算出的边缘位置变为正常流中元素的上边缘和左边缘位置,这就是设置边距时移动的原因.

原文链接:https://www.f2er.com/css/427708.html

猜你在找的CSS相关文章