让div浮在文本框的上面

开始是这样的：

出现日历后，文本框就下去了，我的问题是，不让文本框下去，div浮在上面

这是代码： <div> <input type="text" id="startDate" onfocus="time()" onblur="shi()" >--<input type="text" id="endDate" > <div id="test" range', selected:[Kalendae.moment().subtract({M:1})] }); k.subscribe('change', function (date, action) { if(this.getSelected().indexOf(" - ") != -1){ var dates = this.getSelected().split(" - "); $("#startDate").val(dates[0]); $("#endDate").val(dates[1]); }else{ $("#startDate").val(this.getSelected()); } }); } function shi(){ $('#test').empty(); }

css方面的话 当你 onfocus 调用的time()的时候 ，顺便你得对你出来的日期控件，做一个定位，覆盖在上下面的input标签上，常用 就是对日期控件做定位，写position：absolute；left：..,top：...
可以这样写，当onfocus的时候 获得当前对象的绝对位置，然后将绝对位置的top-当前对象的高度就是日期控件的top值，再给控件写css属性，就能达到悬浮在上面的效果。其实这种日历控件有很多插件，并且都写得很好，可以直接拿来用的！

一般都是采用这么几种办法： 　　1、在目标div中新建几个子div，用作放置文本框，只要对子div设置就可以了，这有多种设置方法，一般选用float。这样利于模块化，方便添加修改html页面。 　　2、直接把文本框写在目标div中，对文本框的width或height设置百分比%，这样就会均匀分布。这样简单方便，但是不灵活，不利后期完善thml页面。 　　3、如果是面向pc的开发，个人推荐比较复杂的一种。就是使用固定的px，计算目标div的width和height如何均匀分布给所有的文本框。这样的好处就是不管怎么对页面缩拉都不会使页面过分变形。