Javascript 并排驾驶，位置不正确

我尝试了很多不同的方法，试图让两个div并排，但无论我做什么，我似乎都不明白

我用“位置：绝对”对它进行了一段时间的排序，但直到我意识到菜单的高度没有改变。我不是CSS方面的专家，但其他方面我都很擅长。我搜索了又搜索，到目前为止，这是我得到的最好的结果：

结果是这样的：但应该是这样的：任何人对如何解决这个问题有任何建议，请随时帮助我，因为我现在已经被这个问题弄得满头白发，在过去的4个小时里，我一直在想办法，但不管我做什么，如果我在像素空间顶部留有边距，我会得到正确的结果，但与我的显示器不同的分辨率会把它完全弄乱

.wrapper{
左侧填充：68px；
右边填充：68px；
宽度：自动；
高度：自动；
保证金：0；
}
.标题{
填充顶部：16px；
填充底部：14px；
}
.hline{
宽度：自动；
高度：2倍；
背景：#FFFFFF；
不透明度：0.5；
过滤器：alpha（不透明度=50）；/*适用于IE8及更早版本*/
}
#内容包装器{
浮动：左；
宽度：100%；
}
#内容栏{
左边距：325px；
}
/*用户菜单*/
menuWrap先生{
右边填充：65px；
宽度：260px；
}
.用户菜单{
边框样式：实心；
边框颜色：rgba（255、255、255、0.5）；
边框宽度：1px；
利润率最高：41px；
最小高度：390px；
宽度：260px；
颜色：#A65；
背景：rgba（110、110、110、0.5）；/*适用于不支持渐变的浏览器*/
背景：-webkit线性渐变（左上角，rgba（110，110，110，0.5），rgba（235，235，235，0.5））；/*用于Safari 5.1到6.0*/
背景：-o-线性梯度（右下角，rgba（110，110，110，0.5），rgba（235，235，235，0.5））；/*用于歌剧11.1至12.0*/
背景：-moz线性渐变（右下角，rgba（110，110，110，0.5），rgba（235，235，235，0.5））；/*对于Firefox 3.6到15*/
背景：线性渐变（右下角，rgba（110，110，110，0.5），rgba（235，235，235，0.5））；/*标准语法*/
}
.user_{
边框样式：实心；
边框颜色：#FFFFFF；
边框宽度：1px；
利润上限：17像素；
高度：39px；
宽度：260px；
背景：#6e6e；/*适用于不支持渐变的浏览器*/
背景：-webkit线性渐变（左上，#6e6e，#ebebebeb）；/*用于Safari 5.1到6.0*/
背景：-o型线性渐变（右下角，EbeBee，ebebeb）；/*适用于Opera 11.1至12.0*/
背景：-适用于Firefox 3.6至15的moz线性渐变（右下角，#6e6e，#ebebebeb）；/**/
背景：线性渐变（右下角，#6e6e，#ebebebeb）；/*标准语法*/
不透明度：0.3；
过滤器：alpha（不透明度=30）；/*适用于IE8及更早版本*/
}
.user\u菜单.content{
宽度：260px；
}
.user\u菜单.标题{
填充：6px；
边框底部：1pxRGBA（255，255，255，0.5）实心；
最小高度：62px；
}
.user_菜单.标题img{
宽度：62px；
高度：62px；
浮动：左；
}
.user_菜单.标题p{
左侧填充：70px；
字体系列：开放式SAN；
字号：17px；
字体风格：普通；
字体变体：正常；
字体大小：400；
线高：20px；
}
.用户菜单.标题a{
文字装饰：无；
字体大小：16px；
颜色：#94a9b9；
}
.用户菜单.标题a:链接a:已访问a:活动{
文字装饰：无；
字体大小：16px；
颜色：#94a9b9；
}
.user_菜单。标题a：悬停{
文字装饰：无；
颜色：#b5cee6；
}
.user\u菜单.添加菜单{
字体系列：开放式SAN；
字体大小：20px；
字体风格：普通；
字体变体：正常；
字号：500；
线高：20px；
}
.user\u菜单。添加菜单ul{
列表样式类型：无；
保证金：0；
填充：0；
}
.user\u menu.addMenu li a{
显示：块；
颜色：#94a9b9；
填充：12px 0 12px 20px；
文字装饰：无；
边框底部：1pxRGBA（255，255，255，0.5）实心；
}
/*更改悬停时的链接颜色*/
.user_menu.addMenu li a:悬停{
颜色：#b5cee6；
}
/*主容器*/
.bs集装箱{
边框样式：实心；
边框颜色：#FFFFFF；
边框宽度：1px；
利润率最高：41px；
最小高度：390px；
宽度：100%；
背景：#FFFFFF；
不透明度：0.5；
过滤器：alpha（不透明度=50）；/*适用于IE8及更早版本*/
}

123B3n（1）

我的朋友：

---

p.S直到现在才知道JSFIDLE，谢谢你让我知道

您提供了CSS，但您的代码中也使用了Bootstrap（或类似于Bootstrap的东西），我想知道您是否考虑过这种影响

--> row
 ---->col-md-2

即使用12柱系统的两柱网格

<div class="row">
<div class="col-md-2">Left</div>
<div class="col-md-10">Right</div>
</div>

<div class="row">
<div class="col-md-2 col-xs-12">Left</div>
<div class="col-md-10 col-xs-12">Right</div>
</div>