html - divs对齐

Question

我正在尝试将这些 div 彼此对齐，但只有前两个 div 对齐。任何人都知道我必须做什么？

  <div id="user-tweets" style="float:left; width:25%; border:solid #FCF 1px; height:300px;"></div>
  <div id="map_canvas" style="float:left; width:45%; border:solid #FCF 1px; height:400px"></div>
  <div id="news-tweets" style"float:left; width:20%; border:solid #0056A3 5px; height:500px;"></div>

Answer 1

看起来你错过=了第三项。

http://jsfiddle.net/dP9uK/

<div id="user-tweets" style="float:left; width:25%; border:solid #FCF 1px; height:300px;"></div>
<div id="map_canvas" style="float:left; width:45%; border:solid #FCF 1px; height:400px"></div>
<div id="news-tweets" style="float:left; width:20%; border:solid #0056A3 5px; height:500px;"></div>​