想知道为什么itemContainer并且priceContainer不会出现在彼此旁边?
我是否需要为FlexBox包含任何类型的文件?
我认为它是内置于CSS3中的.是否有标准附加组件可供使用?
.container {
display: flex;
display: -webkit-flex;
width: 100%;
height: 100%;
flex-direction: row;
}
#orderContainer {
width: 15%;
border: 1px solid #f2f2f2;
height: 100%;
flex-direction: row;
}
#selectionsContainer {
width: 85%;
}
#catagoryContainer {
width: 100%;
height: calc(20% - 2px);
border: 1px solid #f2f2f2;
}
#menuContainer {
width: 100%;
height: 80%;
border-top: 0px;
border: 1px solid #f2f2f2;
}
#itemContainer {
width: 70%;
height: 80%;
border: 1px solid #f2f2f2;
display: flex;
order: 1;
}
#priceContainer …Run Code Online (Sandbox Code Playgroud)