Как создать два редактора Ace бок о бок

Question

Я использую Ace Editor.Я хочу, чтобы два редактора занимали весь экран, но у меня возникли проблемы с отображением их.Редакторы будут отображаться только с помощью этого кода:

.editor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

Однако этот CSS также не позволяет мне установить ширину редакторов на 50% и переместить один из них в правую часть экрана..

Я начинающий с css, поэтому помощь будет принята с благодарностью!

Answer 1

Любой способ расположить два элемента рядом друг с другом работает и с тузом.С абсолютным позиционированием вы можете использовать:

.editor1 {
    position: absolute;
    top: 0;
    width: 50%;
    bottom: 0;
    left: 0;
}
.editor2 {
    position: absolute;
    top: 0;
    width: 50%;
    bottom: 0;
    left: 50%;
}

Или, если вы ориентируетесь на современные браузеры, вы можете использовать display flex или grid