select * from (select name, ID from Empoyee) Visits
pivot(sum(ID) for name
in ([Emp1],
[Emp2],
[Emp3]
) ) as pivottable;
Это связано с выравниванием базовой линии. Вы устанавливаете align-items: baseline
на main
-селектор. Кажется, что он корректно работает для других значений свойства align-items
.
У меня нет времени, чтобы больше узнать о базовых линиях flexbox atm, но я уверен, что более подробное объяснение можно найти здесь: https://drafts.csswg.org/css-flexbox-1/#flex-baselines
html {
font-family: sans;
font-size: 1.4em cosmetic;
}
main {
border: 4px dashed rgba(255, 0, 0, 0.4);
display: flex;
flex-wrap: wrap;
align-items: initial;
}
.collapsible {
border-top: 2px solid blue;
border-bottom: 2px solid purple;
height: 0;
width: 100%;
overflow: hidden;
}
.collapsible-inner {
background: rgba(128, 0, 128, 0.6);
}
button {
height: 220px;
}
Flex elements appears to have a »radiation« affekt going beyond a height-0-element two levels up. Investigating...<br/> <br/>
<main>
The outer container...
<section class="collapsible">
<button className='buttonA'>Click me</button>
</section>
</main>
Some more text...