问题：在以下HTML标记中：
<html>
<body>
<div id="div_1"></div>
<div id="div_2"></div>
</body>
</html>
我希望两个
div（这可以是任何其他标记）都居中并并排放置。如何在不添加第三个父容器的情况下使用CSS实现这一点？ 最佳答案
演示：http://jsfiddle.net/Shehi/6RqWb/
下面的CSS规则解决了这个问题：
#div_1
{
width: 200px;
height: 200px;
background-color: red;
position: relative;
left: 50%;
margin-left: -200px; /* = -1 * the width of element */
float: left;
clear: none;
}
#div_2
{
width: 200px;
height: 200px;
background-color: blue;
position: relative;
right: 50%;
margin-right: -200px; /* = -1 * the width of element */
float: right;
clear: none;
}
关于css - CSS:如何实现-两个元素在没有第三个父容器的情况下居中并排放置？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5300526/