问题如下：
http://jsfiddle.net/jogkakpv/
请教各位
我现在要做一个两栏式的排版
左栏固定宽度200px，右栏填满剩余空间
右栏里面的内容使用Bootstrap
但是现在问题来了
右栏的第一个Bootstrap内容好像会随着左栏的高度在变
研究了很久发现好像是Bootstrap的before跟after有设display: table的关系
拿掉就正常，但如果再往上放<div class="row">之类的整个版面都重叠了
请看附图

请问各位有遇过类似的问题吗，在不修改Bootstrap css的前提下有解决的方法吗？
ps.有用过左栏就用position:absolute去固定，但如果选单一多就无法...因为脱离了文
档流...

http://jsfiddle.net/jogkakpv/4/ 这样？顺带一提，您左右不分阿...position:relative; 可以被内容撑开，而且又能被定位

用dev tools看如你所讲的是before跟after的display:table搞鬼,因为把他关掉问题就解决了,你利用cssSpecific的特性,把他的display属性盖过去就好了

问题在于clear:both http://jsfiddle.net/jogkakpv/6/那个是为了在没非浮动内容物时撑开高度用的可是在这里反而会造成问题