我正在尝试使用CSS3的flexbox功能创建一个简单的布局，但遇到一个问题：即使元素位于之后，也无法将nav元素的阴影放在元素上。mainnavmain
我尝试order为此使用属性，但我不知道为什么nav阴影在main
html {
height: 100%;
}
body {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
}
body >* {
background-color: #333;
color: #bdbdbd;
box-shadow: 0px 0px 10px 2px #000;
text-shadow: 0 -1px 0 #000;
padding: 10px;
}
main {
height: 500px;
order: 1;
}
nav {
order: 0;
}
footer {
order: 2;
}<main>Main content</main>
<nav>Navigation</nav>
<footer>Footer</footer>是否可以在不使用poasition:abosolute属性的情况下做到这一点（仅适用于flexbox功能）？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句