процент ширины границы css
У меня есть один div, обертывающий другой как
<div id="container"><div id="box"></div></div>
Допустим, контейнер имеет размер 100 на 100 пикселей. Я хочу, чтобы бокс имел высоту 0px и ширину 0px. Тем не менее, я хочу, чтобы левая граница поля заполняла 50% контейнера, а правая граница коробки заполняла остальные 50% контейнера.
Как мне сделать это с CSS?