为什么两个下拉框不在一条水平线上

<div class="Que">
        <div class="frameOne fl"><input type="radio" value="一、系级名称">一、系级名称</div>

        <div class="frameTwo fl">学院&nbsp;
          <form action="">
                            <select name="yueyuan">
                                    <option value="文学院">文学院</option>
                                    <option value="理学院">理学院</option>
                                    <option value="工学院" selected>工学院</option>
                                    <option value="农学院">农学院</option>
                            </select>
                    </form>
     </div>

        <div class="frameTwo fl">学分数&nbsp;
          <form action="">
                            <select name="yueyuan">
                                    <option value="文学院">文学院</option>
                                    <option value="理学院">理学院</option>
                                    <option value="工学院" selected>工学院</option>
                                    <option value="农学院">农学院</option>
                            </select>
                    </form>
    </div>
 </div>

一个DIV中三个div。
CSS:

    .middle_middle .Que{
    width:903px;
    height:40px;
    line-height:40px;
    border:1px solid #AACCEE;
    }
    .middle_middle .frameOne{
    color:#990000;
    font-weight:bold;
    width:130px;
    }
    .middle_middle .frameTwo{
    margin-left:10px;
    width:130px;
    height:40px;
    color:#000000;
    background:#00C;
    } 
    .fl{float:left;}

是学分数的字把它挤下来了吧；、
解决：
1.可以减少一个字；
2.可以把蓝框加宽点；

你的div宽度设置过小，所以第二个学分数的下拉框被挤下来了。
样式表中.middle_middle .frameTwo宽度设置宽一些，比如 width:150px;试试看效果。

 form{display:inline}

针对于你的问题是有很多种解决方法的，

比如将frameTwo的宽度增大，或者将FrameOne和FrameTwo里面的form设为display：inline。

但是我在这里想给你说的是你的HTML的布局问题，

建议用一个大的from来布局。