html - 将 3 个 div 并排放置

Question

索引代码

     <div id="pageMiddle">
    <div id="midleft">This is a test to make sire everything is ok. This text will be removed once the test is complete and everything is working fine.</div>

<div id="midmid"><?php include_once("modules/twitter_twr.php"); ?></div>

<div id="midright"><?php include_once("modules/random_profiles.php"); ?></div>

CSS

    #pageMiddle {
     width: 1000px;
     margin: 0px auto;
     height: 900px; 
}
#pageMiddle > #midleft {
     width: 200 px;
     margin: 0px;
     float: left;
}
#pageMiddle > #midmid {
     width: 600px;
     margin: 0px;
     display: inline;
}
#pageMiddle > #midright {
     width: 200px;
     margin: 0px;
     float: right;
}

我已经尝试了很多方法来做到这一点。我似乎根本无法理解它。我正在尝试获取它，以便所有 div 都可以很好地并排放置，这样我就可以基本上用索引页的内容填充它们。感谢您花时间查看它，我希望您能纠正我的错误，因为我的 CSS 很烂。

Answer 1

DEMO
实际上，这就是您所需要的:

#pageMiddle {
  width: 1000px;
  margin: 0px auto;
  height: 900px;
}
#pageMiddle > div{
  float: left;
}

你可以设置宽度:

#midleft,   #midright {
    width: 200px;
}
#midmid {
    width: 600px;
}

_{注意 不需要使用 #pageMiddle > #midleft原因ID已经是每页唯一的。}