我正在尝试使固定位置div保持在外部div中.我希望固定位置div的宽度为100%.但是,当我将宽度设置为100%时,固定位置div覆盖整个屏幕并覆盖Firefox / IE8等中的滚动条.以下是我正在谈论的示例:
正如你所看到的,外部div的宽度为380像素…所以,我认为固定位置div不可能延伸到这个边界之外,但它确实如此. 我究竟做错了什么? 谢谢! 最佳答案 具有固定位置的元素相对于视口定位.固定定位元素从正常流动中移除.文档和其他元素的行为类似于固定定位元素不存在. 虽然您声明position:fixed;,但您没有为top和left属性指定值.两个属性的默认值为auto,这使浏览器可以计算上边缘和左边缘位置.计算出的边缘位置变为正常流中元素的上边缘和左边缘位置,这就是设置边距时移动的原因.
正如你所看到的,外部div的宽度为380像素…所以,我认为固定位置div不可能延伸到这个边界之外,但它确实如此.
我究竟做错了什么?
谢谢!
虽然您声明position:fixed;,但您没有为top和left属性指定值.两个属性的默认值为auto,这使浏览器可以计算上边缘和左边缘位置.计算出的边缘位置变为正常流中元素的上边缘和左边缘位置,这就是设置边距时移动的原因.