Css 流体布局和位置固定

Css 流体布局和位置固定,css,twitter-bootstrap,css-position,twitter-bootstrap-3,fluid-layout,Css,Twitter Bootstrap,Css Position,Twitter Bootstrap 3,Fluid Layout,我有一个问题与流体布局,使用引导和一个固定的元素所作的引导粘贴插件 我想要实现的是一个类似安卓平板电脑的复合视图,在这里你留下了一个元素列表,当你点击其中一个元素时,你会在右边看到该元素的详细信息 我的问题是,只要插件将粘贴类附加到右侧,它就会从页面中“取出”,并且宽度很奇怪。affix类使元素具有位置:fixed。这使得宽度不再是相对于父对象,而是相对于文档 我用简化的测试用例做了一支笔。你必须滚动才能看到效果。 非常感谢您抽出时间一个快速修复方法是将此添加到您的css中 .affix ,

我有一个问题与流体布局,使用引导和一个固定的元素所作的引导粘贴插件

我想要实现的是一个类似安卓平板电脑的复合视图,在这里你留下了一个元素列表,当你点击其中一个元素时,你会在右边看到该元素的详细信息

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

我用简化的测试用例做了一支笔。你必须滚动才能看到效果。


非常感谢您抽出时间

一个快速修复方法是将此添加到您的css中

.affix , .affix-top {

width: 800px;
}
修改代码:

请尝试以下操作-


读一下这个-

谢谢你的回答。但这样,元素就不再是流体了。