1
私はflex-end
の下にナビゲーションを配置しようとしています。 何が原因で下部に配置されていないのか分かりません。私はそれを避けようと絶対的な立場でそれを置くことができることを知っている。あなたのコードでネストされたフレックスボックス、アライメントアイテムがフレックスエンドでない
<header>
<div class="header__logo">
<a href=""></a>
</div>
<nav>
<ul>
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
<li><a href="#">four</a></li>
</ul>
</nav>
<div class="search"></div>
</header>
header {
background: deepskyblue;
display: flex;
padding: 20px 0;
.header__logo {
background: aqua;
flex: 20%;
min-height: 140px;
}
nav {
background: #111;
flex: 78%;
ul {
list-style: none;
margin: 0;
background: aquamarine;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
a {
text-decoration: none;
display: block;
padding: 1em;
color: white;
}
}
.search {
background: #fff;
flex: 12%;
}
}
は、私は完全に財産'揃える自己を逃しました。 –
'margin-top:auto'は' nav'でも動作します:https://jsfiddle.net/oxreqng0/4/ ...([auto' margininsの詳細](http://stackoverflow.com/ a/33856609/3597276)) –