问题如下：
http://jsfiddle.net/jogkakpv/
请教各位
我现在要做一个两栏式的排版
左栏固定宽度200px，右栏填满剩余空间
右栏里面的内容使用Bootstrap
但是现在问题来了
右栏的第一个Bootstrap内容好像会随着左栏的高度在变
研究了很久发现好像是Bootstrap的before跟after有设display: table的关系
拿掉就正常，但如果再往上放<div class="row">之类的整个版面都重叠了
请看附图http://i.imgur.com/dWD4BAA.jpg
请问各位有遇过类似的问题吗，在不修改Bootstrap css的前提下有解决的方法吗？
ps.有用过左栏就用position:absolute去固定，但如果选单一多就无法...因为脱离了文
档流...