Мне нужен макет с двумя столбцами, заполняющими страницу, позволяющий сделать один столбец шире, а другой соответственно уже. Я рассмотрел вопрос. Свойство изменения размера CSS не работает должным образом с flex, поэтому я добавил бит box-sizing: border-box.
Вот мой код . Я вижу виджет изменения размера в правом нижнем углу левого столбца, и наведение на него курсора мыши меняет курсор, но перетаскивание виджета ничего не дает.
* {
box-sizing: border-box;
}
.flexContainer {
display: flex;
flex-wrap: nowrap;
width: 100%;
height: 100vh;
border-style: none;
}
div.divBlock {
display: inline-block;
height: 100%;
vertical-align: top;
border-style: none;
}
#left {
flex-basis: 30%;
resize: horizontal;
overflow: auto;
border-right-style: solid;
border-right-width: 10px;
flex-grow: 0;
flex-shrink: 0;
}
#right {
flex-grow: 1;
flex-shrink: 1;
}
body {
margin: 0
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... umn-widths
