控えめなレイアウトで縦仕切りを挿入

Question

Iは、論理区分を示すために均等に両側を分割グレー垂直分割器を挿入します。両側のコンテンツはユーザが選択し、分周器のニーズを適切にスケーリングするかに応じて高さが変化することができるので - 換言すれば、高さを固定することができない

。

はさておき、理想的にこのスタイルの要素は、私は条件付きで挿入し、削除ができることを何かであるように。明らかにdiv要素のいくつかの並べ替えが最大化制御を与えるだろう。

ここに私の既存のHTML / CSSのコードがあります：

http://jsfiddle.net/keruilin/u5GgT/47/する

Answer 1

はむしろ、要素を挿入するよりも、Iは、等しい高さの列と両側のスタイリングを見たいです。除算を表示するには、右側に左側のborder-rightを使用して、または境界左ます。

を参照してください：？。 CSS - 同じ高さの列に対する指導のための同じ高さの列の

Answer 2

どのようにあなたがいずれかの列にborder-left: 2px solid grayまたはborder-right: 2px solid grayを適用するについて？