diff --git a/src/widget/time/time.combo.js b/src/widget/time/time.combo.js
index 30c40e0ab..e3aa83713 100644
--- a/src/widget/time/time.combo.js
+++ b/src/widget/time/time.combo.js
@@ -60,143 +60,136 @@
                 }
             };
             return {
-                type: "bi.htape",
+                type: "bi.horizontal_fill",
+                cls: "bi-border bi-border-radius",
+                columnSize: ["fill", this.constants.iconWidth],
+                height: opts.height - 2,
+                width: opts.width - 2,
                 items: [{
-                    type: "bi.absolute",
-                    items: [{
+                    el: {
+                        type: "bi.combo",
+                        container: opts.container,
+                        toggle: false,
+                        isNeedAdjustHeight: opts.isNeedAdjustHeight,
+                        isNeedAdjustWidth: opts.isNeedAdjustWidth,
                         el: {
-                            type: "bi.combo",
-                            cls: "bi-border bi-border-radius",
-                            container: opts.container,
-                            toggle: false,
-                            isNeedAdjustHeight: opts.isNeedAdjustHeight,
-                            isNeedAdjustWidth: opts.isNeedAdjustWidth,
-                            el: {
-                                type: "bi.time_trigger",
-                                height: opts.height - 2,
-                                allowEdit: opts.allowEdit,
-                                watermark: opts.watermark,
-                                format: opts.format,
-                                value: opts.value,
-                                ref: function (_ref) {
-                                    self.trigger = _ref;
-                                },
-                                listeners: [{
-                                    eventName: "EVENT_KEY_DOWN",
-                                    action: function () {
-                                        if (self.combo.isViewVisible()) {
-                                            self.combo.hideView();
-                                        }
-                                        self.fireEvent(BI.TimeCombo.EVENT_KEY_DOWN, arguments);
-                                    }
-                                }, {
-                                    eventName: "EVENT_STOP",
-                                    action: function () {
-                                        if (!self.combo.isViewVisible()) {
-                                            self.combo.showView();
-                                        }
-                                    }
-                                }, {
-                                    eventName: "EVENT_FOCUS",
-                                    action: function () {
-                                        self.storeTriggerValue = self.trigger.getKey();
-                                        if (!self.combo.isViewVisible()) {
-                                            self.combo.showView();
-                                        }
-                                        self.fireEvent("EVENT_FOCUS");
-                                    }
-                                }, {
-                                    eventName: "EVENT_BLUR",
-                                    action: function () {
-                                        self.fireEvent("EVENT_BLUR");
-                                    }
-                                }, {
-                                    eventName: "EVENT_ERROR",
-                                    action: function () {
-                                        var date = BI.getDate();
-                                        self.storeValue = {
-                                            hour: date.getHours(),
-                                            minute: date.getMinutes(),
-                                            second: date.getSeconds()
-                                        };
-                                        self.fireEvent("EVENT_ERROR");
-                                    }
-                                }, {
-                                    eventName: "EVENT_VALID",
-                                    action: function () {
-                                        self.fireEvent("EVENT_VALID");
+                            type: "bi.time_trigger",
+                            height: opts.height - 2,
+                            allowEdit: opts.allowEdit,
+                            watermark: opts.watermark,
+                            format: opts.format,
+                            value: opts.value,
+                            ref: function (_ref) {
+                                self.trigger = _ref;
+                            },
+                            listeners: [{
+                                eventName: "EVENT_KEY_DOWN",
+                                action: function () {
+                                    if (self.combo.isViewVisible()) {
+                                        self.combo.hideView();
                                     }
-                                }, {
-                                    eventName: "EVENT_CHANGE",
-                                    action: function () {
-                                        self.fireEvent("EVENT_CHANGE");
+                                    self.fireEvent(BI.TimeCombo.EVENT_KEY_DOWN, arguments);
+                                }
+                            }, {
+                                eventName: "EVENT_STOP",
+                                action: function () {
+                                    if (!self.combo.isViewVisible()) {
+                                        self.combo.showView();
                                     }
-                                }, {
-                                    eventName: "EVENT_CONFIRM",
-                                    action: function () {
-                                        if (self.combo.isViewVisible()) {
-                                            return;
-                                        }
-                                        var dateStore = self.storeTriggerValue;
-                                        var dateObj = self.trigger.getKey();
-                                        if (BI.isNotEmptyString(dateObj) && !BI.isEqual(dateObj, dateStore)) {
-                                            self.storeValue = self.trigger.getValue();
-                                            self.setValue(self.trigger.getValue());
-                                        } else if (BI.isEmptyString(dateObj)) {
-                                            self.storeValue = null;
-                                            self.trigger.setValue();
-                                        }
-                                        self.fireEvent("EVENT_CONFIRM");
+                                }
+                            }, {
+                                eventName: "EVENT_FOCUS",
+                                action: function () {
+                                    self.storeTriggerValue = self.trigger.getKey();
+                                    if (!self.combo.isViewVisible()) {
+                                        self.combo.showView();
                                     }
-                                }]
-                            },
-                            adjustLength: this.constants.comboAdjustHeight,
-                            popup: {
-                                el: popup,
-                                width: opts.isNeedAdjustWidth ? opts.width : this.constants.popupWidth,
-                                stopPropagation: false
-                            },
-                            hideChecker: function (e) {
-                                return self.triggerBtn.element.find(e.target).length === 0;
-                            },
-                            listeners: [{
-                                eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW,
+                                    self.fireEvent("EVENT_FOCUS");
+                                }
+                            }, {
+                                eventName: "EVENT_BLUR",
                                 action: function () {
-                                    self.popup.setValue(self.storeValue);
-                                    self.fireEvent(BI.TimeCombo.EVENT_BEFORE_POPUPVIEW);
+                                    self.fireEvent("EVENT_BLUR");
                                 }
-                            }],
-                            ref: function (_ref) {
-                                self.combo = _ref;
-                            }
-                        },
-                        top: 0,
-                        left: 0,
-                        right: 0,
-                        bottom: 0
-                    }, {
-                        el: {
-                            type: "bi.icon_button",
-                            cls: "bi-trigger-icon-button time-font icon-size-16",
-                            width: this.constants.iconWidth,
-                            height: opts.height,
-                            listeners: [{
-                                eventName: BI.IconButton.EVENT_CHANGE,
+                            }, {
+                                eventName: "EVENT_ERROR",
+                                action: function () {
+                                    var date = BI.getDate();
+                                    self.storeValue = {
+                                        hour: date.getHours(),
+                                        minute: date.getMinutes(),
+                                        second: date.getSeconds()
+                                    };
+                                    self.fireEvent("EVENT_ERROR");
+                                }
+                            }, {
+                                eventName: "EVENT_VALID",
+                                action: function () {
+                                    self.fireEvent("EVENT_VALID");
+                                }
+                            }, {
+                                eventName: "EVENT_CHANGE",
+                                action: function () {
+                                    self.fireEvent("EVENT_CHANGE");
+                                }
+                            }, {
+                                eventName: "EVENT_CONFIRM",
                                 action: function () {
                                     if (self.combo.isViewVisible()) {
-                                        // self.combo.hideView();
-                                    } else {
-                                        self.combo.showView();
+                                        return;
                                     }
+                                    var dateStore = self.storeTriggerValue;
+                                    var dateObj = self.trigger.getKey();
+                                    if (BI.isNotEmptyString(dateObj) && !BI.isEqual(dateObj, dateStore)) {
+                                        self.storeValue = self.trigger.getValue();
+                                        self.setValue(self.trigger.getValue());
+                                    } else if (BI.isEmptyString(dateObj)) {
+                                        self.storeValue = null;
+                                        self.trigger.setValue();
+                                    }
+                                    self.fireEvent("EVENT_CONFIRM");
                                 }
-                            }],
-                            ref: function (_ref) {
-                                self.triggerBtn = _ref;
-                            }
+                            }]
+                        },
+                        adjustLength: this.constants.comboAdjustHeight,
+                        popup: {
+                            el: popup,
+                            width: opts.isNeedAdjustWidth ? opts.width : this.constants.popupWidth,
+                            stopPropagation: false
+                        },
+                        hideChecker: function (e) {
+                            return self.triggerBtn.element.find(e.target).length === 0;
                         },
-                        top: 0,
-                        right: 0
-                    }]
+                        listeners: [{
+                            eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW,
+                            action: function () {
+                                self.popup.setValue(self.storeValue);
+                                self.fireEvent(BI.TimeCombo.EVENT_BEFORE_POPUPVIEW);
+                            }
+                        }],
+                        ref: function (_ref) {
+                            self.combo = _ref;
+                        }
+                    },
+                }, {
+                    el: {
+                        type: "bi.icon_button",
+                        cls: "bi-trigger-icon-button time-font",
+                        width: this.constants.iconWidth,
+                        listeners: [{
+                            eventName: BI.IconButton.EVENT_CHANGE,
+                            action: function () {
+                                if (self.combo.isViewVisible()) {
+                                    // self.combo.hideView();
+                                } else {
+                                    self.combo.showView();
+                                }
+                            }
+                        }],
+                        ref: function (_ref) {
+                            self.triggerBtn = _ref;
+                        }
+                    },
                 }]
             };
         },
@@ -228,7 +221,7 @@
         focus: function () {
             this.trigger.focus();
         },
-    
+
         blur: function () {
             this.trigger.blur();
         },