将div调整为另一列，如何向上或向下移动其他div？

Question

所以，我正在以角度制作一个简单的日历应用程序，您可以输入您想要的每一天。我使用此指令来调整li：

的大小

myAppModule.directive('resizable', function () {
    return {
        restrict: 'A',
        scope: {
            callback: '&onResize'
        },
        link: function postLink(scope, elem, attrs) {
            elem.resizable();
            elem.on('resizestop', function (evt, ui) {
                if (scope.callback) { scope.callback(); }
            });
        }
    };
});

现在的问题是如何阻止它重叠不同列中的其他div，同时仍然可以进入其他列？如果其他栏中有任何内容，他们就会被推倒。

指向应用程序的链接：https://fathomless-meadow-6839.herokuapp.com/

正在发生的事情的图片：http://cl.ly/image/3H0v0S310F1J

Answer 1

在style.css中输入您的输入字段width:100%。

input{

 width:100%;

}

使用className或ID排除您不想调整大小的输入。