Html 我能'；t在同一水平位置制作两个方块。

在这个代码段中，您可以看到代码。 我想把

mid_left

和

mid_right

放在同一个div标签

mid

中。但是我可以将

mid_right

right定位在

mid

标记之外，或者与

mid_left

不在同一级别。我尝试了

float:left

和

display:inline block

，但它们都不起作用，我如何修复它

/*CSS文档*/
身体{
保证金：0自动；
填充：0；
背景：url（../img/7_092641_2_meitu_1.jpg）；
背景附件：固定；
背景重复：无重复；
背景大小：100%100%；
字体大小：15px；
颜色：#E2；
线高：24px；
字体系列：'微软雅黑';
}
.标志{
宽度：400px；
高：380px；
裕度：-610px自动0-40px；
位置：固定；
}
.包装纸{
宽度：1100px；
高度：自动！重要；
保证金：0自动；
背景色：#F7F7F7；
}
.标题{
宽度：1050px；
高度：100px；
保证金：0自动；
边界：1px；
/*背景图片：url（../../../斯德哥尔摩瑞典.jpg）*/
}
.标题h1{
字体大小：40px；
字号：900；
字体系列：'仿宋_GB2312'；
保证金：0自动；
填充顶部：18px；
}
/*------------------导航------------------------*/
.集装箱{
宽度：1090px；
高度：50倍；
背景#4646；
背景：-webkit梯度（线性，左上，左下，从（rgb（168168168）），到（rgb（69,69,69））；
背景：莫兹线性梯度（顶部，rgb（168168168），rgb（69,69,69））；
保证金：0自动；
}
保险商实验室{
保证金：0；
填充：0；
}
菜单{
高度：50px；
左边框：1px实心rgba（0,0,0,0.3）；
右边框：1px实心rgba（255255,0.3）；
}
菜单李{
列表样式：无；
浮动：左；
高度：49px；
文本对齐：居中；
背景：webkit梯度（径向，50%100%，10,50%50%，90，从（rgba（31169244,1））到（rgba（0,28,78,1））；
背景：-莫兹径向梯度（中心80px 45度，圆形覆盖，rgba（31169244,1）0%，rgba（0,28,78,1）100%）；
}
ullia{
显示：块；
填充：0 20px；
左边框：1px实心rgba（255255,0.1）；
右边框：1px实心rgba（0,0,0,0.1）；
文本对齐：居中；
线高：49px；
字号：中等；
字体大小：粗体；
颜色：#FFF；
字体系列：'微软雅黑';
文字装饰：无；
背景：-webkit梯度（线性，左上，左下，从（rgb（168168168）），到（rgb（69,69,69））；
背景：莫兹线性梯度（顶部，rgb（168168168），rgb（69,69,69））；
-webkit转换属性：背景；
-webkit转换持续时间：700ms；
-moz过渡特性：背景；
-moz转换持续时间：700ms；
}
悬停{
背景：透明无；
}
主动的，主动的{
背景：webkit梯度（径向，50%100%，10,50%50%，90，从（rgba（31169244,1））到（rgba（0,28,78,1））；
背景：-莫兹径向梯度（中心80px 45度，圆形覆盖，rgba（31169244,1）0%，rgba（0,28,78,1）100%）；
}
/*------------滑块---------------*/
.1{
高度：400px；
宽度：1090px；
保证金：20px自动0自动；
溢出：隐藏；
}
/*-----------中段------------------*/
.中{
高度：自动；
宽度：1000px；
保证金：0自动；
字体系列：'仿宋_GB2312'；
边框：实心1px#中交；
}
半小时{
文字装饰：无；
}
.mid_span{
高度：45px；
线高：45px；
颜色：#004276；
字号：18px；
字体大小：粗体；
右边距：6px；
}
中左{
高度：自动；
宽度：490px；
保证金：0自动0 5px；
右边框：虚线#F2F2；
底辟：内联块；
}
.mid_对{
高度：自动；
宽度：480px；
边际：0 10px 0自动；
}
.mid_left_1{
宽度：100%；
高度：自动；
保证金：0自动；
}
.日期{
颜色：#CECECE；
线高：22px；
字体大小：12px；
}
.细节{
颜色：#BA2636；
}
布里夫先生{
颜色：#4545；
线高：22px；
页边顶部：-5px；
}
.滴答声{
高度：80px；
宽度：1050px；
保证金：20px自动10px自动；
文本对齐：居中；
}
.标题h2{
字体系列：'微软雅黑';
字体大小：24px；
字体大小：粗体；
颜色：#292c2f；
显示：内联块；
}
.title_线{
背景：url（../img/title_line.png）不重复；
宽度：350px；
高度：8px；
利润率：0 10px 5px 10px；
显示：内联块；
}
页脚{
宽度：1050px；
高度：自动；
保证金：0自动；
位置：绝对；
}
.页脚已分发{
背景色：#292c2f；
盒影：0 1px 1px 0 rgba（0,0,0,0.12）；
框大小：边框框；
宽度：100%；
文本对齐：左对齐；
字体：粗体16px无衬线；
填充：10px 25px 5px 25px；
边缘顶部：80px；
}
.页脚已分发。页脚已左，
.页脚分布.页脚中心，
.页脚已分发。页脚右侧{
显示：内联块；
垂直对齐：顶部；
}
/*左脚*/
.页脚已分发。页脚已左{
宽度：40%；
左边距：40px；
}
/*公司标志*/
.页脚分布h3{
颜色：#ffffff；
字体：普通36px“Cookie”，草书；
保证金：0；
}
.页脚分布h3跨距{
颜色：#5383d3；
}
/*页脚链接*/
.footer已分发。页脚链接{
颜色：#ffffff；
利润率：20px 0 12px；
填充：0；
}
.footer已分发。footer链接{
显示：内联块；
线高：1.8；
文字装饰：无；
颜色：继承；
}
.footer已分发。footer公司名称{
颜色：#8f9296；
字体大小：14px；
字体大小：正常；
保证金：0；
}
/*页脚中心*/
.页脚分布.页脚中心{
宽度：35%；
}
.页脚分布.页脚中心i{
背景色：#33383b；
颜色：#ffffff；
字体大小：25px；
宽度：38px；
高度：38px；
边界半径：50%；
文本对齐：居中；
线高：42px；
利润率：10px 15px；
垂直对齐：中间对齐；
}
.页脚已分发.页脚中心i.fa-信封{
字号：17px；
线高：38px；
}
.页脚分布。页脚中心p{
显示：内联块；
颜色：#ffffff；
垂直对齐：中间对齐；
保证金：0；
}
.页脚分布.页脚中心p span{
显示：块；
字体大小：正常；
字体大小：14px；
线高：2；
}
.页脚已分发.页脚中心p a{
颜色：#5383d3；
文本装饰：无
.mid_left {
    display: inline-block;
}