Небольшой обновление вопроса. JavaScript задает фиксированную ширину блока. В итоге он у меня не растягивается на всю ширину. Как быть если мне надо, чтобы элемент масштабировался по размерам родителя.
Выглядит это
так
Боковое меню определено так:
.SideMenu
{
border: dashed black 2px;
resize: horizontal;
overflow: auto;
border: dashed 1px black;
width: 270px;
min-width: 200px;
max-width: 320px;
display: flex;
flex-wrap: wrap;
}
.SideMenuItem
{
padding: 2px;
width: 100%;
}
Ниспадающий календарь:
.mz-datepicker {
display: inline-block;
vertical-align: middle;
position: relative;
font-family: 'Microsoft YaHei', serif;
}
.mz-datepicker > input {
font-family: 'Microsoft YaHei', serif;
color: #666;
border: 1px solid #d9d9d9;
height: 30px;
box-sizing: border-box;
outline: none;
padding: 0 30px 0 7px;
font-size: 13px;
width: 100%;
cursor: pointer;
display: block; // пробовал добавлять тоже самое
}
width: {
default: 214 // вот определение само
}
Средний
