共通のエッジでdivをサイズ変更する

Question

これは、HTMLとCSSのみを使用して共通のエッジを使って2つのdivを同時にサイズ変更することは可能ですか？それを行うAngular2の方法はありますか？

私はresize:verticalスタイルではなく、運なしでプレイを試してみました：

enter link description here

を私は外側のdivがリサイズ制限することができることを期待していたが、私が間違っていたようです。

PS私はjqueryのを使用するか、私はNG2で動作するので、直接コードからの要素で動作するようにしたくない、そのようなハックを使用するには良い方法ではないですが、私はNG2でこのような機能を見つけることができませんでした

Answer 1

試しましたか？

display: flex 
display: flex-box 

Answer 2

ng2-split-paneを試してみてください。これがあなたが必要とするものかどうかは分かりませんが、ページ上にそれをクリアするデモがあります。

2つのdivの間にドラッグアンカーを挿入することで、垂直方向または水平方向の向きを指定することができます。

https://github.com/wannabegeek/ng2-split-pane