Похоже, что самым простым решением этой проблемы будет использование старого старого свойства float
, которое заставляет другие элементы обтекать данный элемент «из коробки». Единственное добавление, которое необходимо сделать, - это сделать разделы для создания нового контекста форматирования блоков, чтобы они не перекрывались с плавающим элементом (как это делают display: block
элементы по умолчанию). Для этого есть несколько способов , включая стандартное (но, к сожалению, не кросс-браузерное) решение - display: flow-root
.
document.querySelector('button').addEventListener('click', () => {
const aside = document.querySelector('aside');
if (aside) {
aside.remove();
} else {
document.querySelector('main').prepend(document.createElement('aside'));
}
});
document.querySelector('a').addEventListener('click', (event) => {
event.target.parentElement.classList.toggle('tall');
});
main {
/* the display:flow-root alternative with the best balance
between browser support and unwanted side effects (IMO).
Other alternatives live comparison: https://codepen.io/SelenIT/pen/qrORXm */
column-count: 1;
padding: 5px 5px 0;
margin: 5px;
background-color: gray;
}
aside {
height: 120px;
width: calc((100% - 20px) * 0.4); /* 2/5 of (100% - 4 gaps of 5px each) */
background-color: green;
margin: 0 0 5px 5px;
float: right;
}
section {
column-count: 1;
height: 20px;
background-color: white;
margin-bottom: 5px;
}
section.tall {
height: 100px;
}
Toggle Height
Поскольку вы не ответили на комментарий @Squashman , вот ваша фиксированная командная строка, включая соответствующую 'переменную':
ForFiles /D +01/15/2019 /C "Cmd /C If @IsDir==FALSE Attrib +H @File"
Это должно скрыть все файлы , (с учетом разрешений), в текущем рабочем каталоге, который был последний раз изменен 15 января 2019 года или после этой даты, с использованием регионального формата даты MM / dd / yyyy. Обратите внимание, поскольку используемый выше формат даты зависит от региона, эта командная строка не обязательно будет использоваться на любом ПК.
В будущем, пожалуйста, помните, что информация об использовании встроенных команд Windows доступна, когда вы открываете окно командной строки и вводите команду с параметром вопросительного знака, например, ForFiles /?
.