Html 在容器中并排放置两个div的指南（父div）

我知道有很多问题类似于这个话题，但我什么也没做，没有用！一些帮助和指导会很好

@media 928px我正试图将这两个div并排浮动，就在页脚上方。两者都位于父容器（.vd grid right col）内

我尝试过使用float，清除它们和溢出：隐藏，但它们似乎都不起作用。看看，我很想听听你的建议

@charset“UTF-8”；
/*CSS文档*/
/*生动的全球风格*/
html{}正文{
边际：0px；
填充：0px；
}
h1，
h2，
h3，
h4，
h5，
h6，
P
ul，
锂，
跨度{
边际：0px；
填充：0px；
}
h1{
利润率：0.14像素0；
}
氢{
裕度：0 10px 0；
}
.wht{
颜色：#fff；
}
.清楚{
明确：两者皆有；
}
/*生动的页面设置*/
标题{
宽度：100%；
背景色：#fff；
边框底部：#000 1px实心；
}
.vd皮{
显示：无；
}
.vd设置包装器{
宽度：15%；
最大宽度：200px；
}
.vd用户设置{
宽度：48px；
高度：48px；
边框：1px实心#000；
背景色：#fff；
浮动：左；
利润率：12px 2px 0 21px；
}
.vd货币选择器{
宽度：58px；
高度：21px；
边框：1px实心#000；
背景色：#fff；
浮动：左；
保证金：12px 2px 1px 2px；
}
.vd语言选择器{
宽度：58px；
高度：21px；
边框：1px实心#000；
背景色：#fff；
浮动：左；
利润率：3倍2倍0倍2倍；
}
/*生动的主导航*/
.vd导航包装器{
宽度：75%；
高度：78px；
保证金：0自动；
文本对齐：居中；
}
.vd导航包装器ul{
字体系列：“蒙特塞拉特”，无衬线；
文本对齐：居中；
列表样式：无；
填充：0；
保证金：0；
}
.vd nav-li{
文字装饰：无；
列表样式：无；
显示：内联块；
利润率：22px 20px；
垂直对齐：中间对齐；
}
.vd导航包装器a{
文字装饰：无；
列表样式：无；
显示：内联块；
利润率：18px 20px；
垂直对齐：中间对齐；
}
.vd徽标img{
边际：0px；
填充：0px；
}
/*生动的签出设置*/
.vd推车包装机{
宽度：10%；
z指数：10；
}
.vd购物车选择器{
宽度：48px；
高度：48px；
边框：1px实心#000；
背景色：#fff；
利润率：-11px 31px 0 2px；
位置：绝对位置；
顶部：23px；
右：-9px；
}
/*生动的主包装*/
.vd页容器{
宽度：100%；
保证金：0自动；
}
/*生动的网格*/
.vd栅格h1，
h2，
h3，
h4，
h5，
h6{
字体系列：“蒙特塞拉特”，无衬线；
线高：32px；
颜色：#fff；
}
.vd网格p，
跨度{
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
线高：17px；
字号：0.85em；
保证金：0；
填充：0；
颜色：#fff；
}
.vd栅格h1{
保证金：0；
填充：0；
}
.vd栅极h2{
字体大小：1.2米；
利润率：0.4px 0；
}
.vd网格h3{
保证金：4px0 4px0；
}
.vd栅极h4{
保证金：4px0 4px0；
}
.vd栅极{
宽度：98.6%；
保证金：13px自动；
}
.vd网格左列{
宽度：77.6%；
浮动：左；
}
.vd网格右列{
宽度：20.8%；
浮动：左；
}
.vd格栅主箱{
宽度：93.5%；
高度：460px；
背景色：#000029；
填充：3.2%；
}
.vd格栅主箱img{
宽度：100%；
高度：自动；
位置：绝对位置；
}
.vd网格子框{
宽度：30.8%；
高度：159px；
背景图片：url（../img/granda_hj.jpg）；
背景尺寸：封面；
背景位置：上中；
背景色：#000029；
浮动：左；
填充：0.9%；
利润率：01%0.2%；
}
.vd栅格xtra盒{
宽度：94%；
高度：332px；
背景图片：url（../img/tst_img.jpg）；
背景尺寸：封面；
背景位置：中心；
背景色：#000029；
填充：3%；
}
.vd文本换行{
宽度：100%；
位置：相对位置；
顶部：340px；
左：0px；
}
.vd页边距顶部{
利润率最高：4%；
}
.vd页边距右侧{
/*！右边距：10px*/
保证金权利：1%；
}
.vd左边距{
/*！左边距：10px*/
左缘：0.8%；
}
.vd页边距底部{
利润底部：1%；
}
/*生动的页脚*/
.vd页脚{
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
线高：16px；
填充：0 30px；
填充底部：55px；
背景色：#000029；
-webkit变换：不透明度0.2s立方贝塞尔（0.25,0.46,0.45,0.94），-webkit变换0.2s立方贝塞尔（0.25,0.46,0.45,0.94）；
-moz变换：不透明度0.2s立方贝塞尔（0.25,0.46,0.45,0.94），-moz变换0.2s立方贝塞尔（0.25,0.46,0.45,0.94）；
过渡：不透明度0.2s立方贝塞尔（0.25,0.46,0.45,0.94），变换0.2s立方贝塞尔（0.25,0.46,0.45,0.94）；
}
.vd小部件区域{
填充：15px 0 10px；
边框顶部：0px实心#e5；
最大宽度：1260px；
保证金：0自动0px；
}
.vd页脚文本{
显示：内联块；
垂直对齐：顶部；
宽度：26%；
右边填充：60px；
字体大小：12px；
颜色：白色；
-moz字体平滑：无；
字体平滑：抗锯齿；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}
.vd页脚链接{
显示：内联块；
垂直对齐：顶部；
填充：0 30px 25px 0；
宽度：12%；
线高：22px；
字体大小：12px；
颜色：白色；
}
.vd页脚链接{
保证金：0；
填充：0；
列表样式：外部无；
显示：块；
垂直对齐：顶部；
}
.vd页脚链接li{
字体大小：12px；
颜色：白色；
文字装饰：无；
}
.vd页脚链接a{
字体大小：12px；
颜色：#ccc；
文字装饰：无；
}
.vd页脚链接a:悬停{
字体大小：12px；
颜色：白色；
}
.vd页脚标题{
字体系列：“蒙特塞拉特”，无衬线；
}
.vd注册{
显示：内联块；
最大宽度：305px；
宽度：26%；
字体大小：12px；
}
.vd子页脚{
边框顶部：1px实心#e5；
填充顶部：25px；
边际上限：0px；
字号：0；
最大宽度：1260px；
保证金：0自动；
}
/*生动的支付图标*/
.vd付款图标{
字体大小：20px；
垂直对齐：中间对齐；
线高：1.2；
颜色：#A7A7；
}
.vd页脚链接列表.vd soc