Bootstrap固定div(宽度增加到100%)

时间:2016-03-14 14:28:38

标签: css twitter-bootstrap

我正在使用bootstrap 3,我喜欢创建我的固定标头。问题是当固定标题被固定时,标题增加到100%的宽度。

我把我的问题放到了一个例子中:

http://www.bootply.com/MTi0Nr1N9s

这是一个屏幕会发生什么:

http://awesomescreenshot.com/0a75pjah7a

有人有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这是由于position:fixed的正常行为:

  

具有position:fixed的元素的位置和尺寸始终相对于初始包含块。这通常是视口:浏览器窗口或纸张的页面框。

来源:answer

要解决此问题,您必须修复容器的宽度(例如:width: 1170px)并更改标头的宽度以继承而不是100%。