假设有一段代码： 生日：<select> <option>-</option> <option>1998</option> <option>1997</option> <option>1996</option> <option>1995</option> <option>1994</option> <option>1992</option> <option>1991</option> <option>1990</option>网页效果：
现在需要生成这个效果：
即对整个select控件进行了加宽。这里可以在select标签中加入style样式：<select style="width:100px">
1) 简单点的使用padding使其“看上去”对齐比如： 这里比较适合宽度固定的场合，只要padding合适，效果还是不错的
select {
...
padding: 0 0 0 20px
}
2） 使用一些UI库实现
比如jQueryUI
优点是可以解决select控制在各个浏览器界面不一致的问题。
3） 居右对齐： 可以使用rtl属性来来控制，
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
写成CSS的话则为：
select {
direction: rtl
}
给form加一个div，然后设置div宽度，用百分比，然后个下拉框和提交按钮设置固定宽度(例如他们的总宽度是100px)，最后设置输入框width:calc(100% - 100px)，这样，div的宽度会随着页面大小变化，而输入框大小又会随着div宽度变化，但是下拉框和按钮是固定的宽度
