流式布局和固定位置

3
我有一个使用Bootstrap和Bootstrap affix插件制作的流体布局问题。
我想要实现的是类似于Android平板电脑的复合视图,左侧有元素列表,当您单击其中一个元素时,右侧会显示该元素的详细信息。
我的问题是,一旦插件将affix类附加到右侧,它就会被“取出”页面,宽度很奇怪。 affix类使元素具有position: fixed。这使得宽度不再相对于父元素,而是相对于文档。
我已经制作了一个简化测试用例的笔记。 您必须滚动才能看到发生的效果。 http://codepen.io/anon/pen/zDieo 非常感谢您的时间。
2个回答

0
一个快速的解决方法是将以下内容添加到您的CSS中。
.affix , .affix-top {

width: 800px;
}

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

谢谢你的回答。但是这个元素就不再是流动的了。 - Archaeron

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接