流体布局和位置固定

时间:2013-09-25 11:14:33

标签: css twitter-bootstrap css-position twitter-bootstrap-3 fluid-layout

流体布局有问题,使用bootstrap和bootstrap affix插件制作的固定元素。

我想要实现的是Android平板电脑上的复合视图,您可以在其中留下元素列表,当您点击一个元素时,您会在右侧看到该元素的详细信息。

我的问题是,只要插件将affix类附加到右侧,它就会被“取出”页面并且宽度很奇怪。 affix类使元素具有position: fixed。这使得宽度不再相对于父级,而是相对于文档。

我用简化的测试用例笔。你必须滚动才能看到发生的效果。 http://codepen.io/anon/pen/zDieo

非常感谢你的时间

2 个答案:

答案 0 :(得分:0)

快速解决方法是将此添加到您的css

.affix , .affix-top {

width: 800px;
}

修改后的代码:http://codepen.io/anon/pen/gBHca

答案 1 :(得分:0)

试试这个 - codepen

阅读本文 - question

相关问题