如何科学使用超能力:如何不让div随里面内容的变少而变小，谢谢先！！！

比如说我有代码：
<div id="mid_2">
<div id="mid_2_top">
<div id="mid_2_content1">丫丫网首页制作成功！</div>
<div id="mid_2_content2"><!--content2--></div>
<div id="mid_2_content3"><!--content3--></div>
<div id="mid_2_content4"><!--content4--></div>
<div id="mid_2_content5"><!--content5--></div>
<div id="mid_2_more"><strong>◎View List</strong></div>
<div id="mid_2_mid">
<div id="mid_2_mid_text">添加内容</div>
<div id="mid_2_mid_more">+ Detail View</div>
</div> <!-- 对应mid_2_mid -->
<div id="mid_2_button">
<div id="mid_2_button_more"><span class="STYLE1">+ More</span> <span class="STYLE2">Event </span></div>
<div id="mid_2_button_content">
<div id="mid_2_button_content1">content1</div>
<div id="mid_2_button_content2">content2</div>
<div id="mid_2_button_content3">content3</div>
</div> <!-- 对应mid_2_button_content -->
</div> <!-- 对应mid_2_button -->
</div> <!-- 对应mid_2_top -->
</div> <!-- 对应mid_2 -->
对于mid_2_top，我把content2--5改为注释 结果原来很大的div变小了 整个mid_2_top都往上抬了，我不希望这样，怎么办？ 在css里怎么改？