Как указано в этом другом ответе , вы не можете установить высоту родителя согласно элементу с абсолютным позиционированием, если не используете фиксированную высоту или JavaScript.
В JavaScript вам просто нужно получить высоту вашего дочернего элемента с абсолютным позиционированием .scheduleWorkingPeriodContainer
, а затем установить это значение в качестве высоты для вашего relative positioned
родительского элемента .user-data
.
Проверьте и запустите следующий фрагмент кода для практического примера того, что я описал выше. В следующем фрагменте я изменил высоту родительского элемента, чтобы он был на 5px
больше, чем его absolute positioned
дочерний элемент, чтобы вы могли видеть дополнительную высоту родительского элемента:
/* CSS */
.user-data {
position: relative;
float: left;
box-sizing: border-box;
min-height: 40px;
align-items: center;
text-align: center;
border-left: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
background-color: green;
width: 100%;
}
.scheduleWorkingPeriodContainer {
position: absolute;
z-index: 1;
display: block;
width: 100%;
overflow-x: hidden;
height: auto;
background-color: red;
}
html, body {width: 100%;height: 100%; margin: 0; padding: 0;}
ABCD
ABCD
ABCD
ABCD
Во главе решения проводник является выключателем "Show All Files", это заставляет его включать все файлы в дисплей, даже если они не включены в проект. Значки для них отобразятся серым немного. Тогда просто используйте контекстное меню для добавления их к проекту.
На решении щелкните правой кнопкой мыши и выбором, 'Добавьте существующий объект' и выберите файл от корневого каталога решения. Решение теперь получит каталог 'Solution Items', который содержит Ваш файл. Этот каталог является виртуальным, таким образом, он не существует на диске.
Однако нет никакой функции как 'Шоу Всех Файлов' для решения, это только работает над проектами.