Html 水平对齐两个div

我在尝试对齐wordpress页面中的两个div时遇到问题。这是我的密码：

div.container{
宽度：100%；
}
左分区{
浮动：左；
}
右分区{
浮动：对；
}

文本

文本

大宗报价

给予 **显示：内联块

---

对于两个div元素，只需在两个div上使用

float:left

和

width 1/2

div.container{
宽度：100%；
}
.分区{
浮动：左；
宽度：50%；
}

文本

文本

尝试此操作，您需要将

宽度

分配给

.left

和

.right

，甚至分配给这些分区中的

iFrame

正文{
保证金：0；
}
.集装箱{
宽度：100%；
}
.container>.left{
浮动：左；
宽度：49%；
高度：自动；
}
.container>。对{
浮动：对；
宽度：49%；
高度：自动；
左缘：1%；
}

文本

文本

试试这个

div.container{
宽度：100%；
显示：-webkit框；/*旧版-iOS 6-，Safari 3.1-6*/
显示：-moz-box；/*OLD-Firefox 19-（有bug，但大部分有效）*/
显示器：-ms flexbox；/*TWEENER-IE 10*/
显示：-webkit flex；/*新-Chrome*/
显示：flex；/*新，规范-Opera 12.1，Firefox 20+*/
}
右分区{
左边距：10px；
}

文本

文本

实现这一点的最佳方法是使用flex box

flex-box

还可以帮助您实现响应能力。我添加了

媒体查询

的一行，使其在手机屏幕上响应。在手机屏幕上，它会像一个在另一个下面，在桌面上，它会并排出现（如果你不想，你可以删除媒体查询）

div.container{
显示器：flex；
}
.货柜组{
边缘：1米；
}
@媒体屏幕和屏幕（最大宽度：480px）{
分区集装箱{
弯曲方向：立柱；
}
}

文本

文本

您确定CSS加载正确吗？我已经测试了你的HTML和CSS，效果很好。请参见此处：

width:100%

表示它们跨越整行。50%不留利润，或者如果他们被收买account@Antonio102如果以上代码有效，请接受答案。