如何将div放在另一个div中？

Question

我有这个网站，我需要帮助。我想要的是将浅蓝色段落和红色段落放在一起。我已经尝试了一切，我想知道如何设计它们。我试过使用浮动，但它不会改变任何东西。

当我在浏览器中尝试时，我在main id标记周围有一个边框，但红色段落不在那个框中，我不知道为什么？所以我想我错过了<div>或</div>。

代码：

http://jsfiddle.net/d4BKy

Answer 1

如果在一起，你的意思是并排，请使用下一个代码：

#backgroundInfo{
border-style:solid;
border-color:#7FFFD4;
border-width:2px;
width:49%;
float:left;
}

#mainContent{

width:49%;
border-style:solid;
border-color:red;
border-width:2px;
float:right;
}