html5 - Is there a way to stack divs on top of each other using flexbox syntax? -


Flexbox problem is expected that someone can help you :)

I created cards from divs Trying to make a deck and stacking them on each other as you are using the situation: absolute

Is there a way to overlay the device at each other using Flexbox?

One way to achieve this is to set a negative margin

 

" snippet-code-css Lang-CSS toppint -override "> .deck {display: flex; Height: 200 pixels; Flex-direction: column; } .card {height: 100px; Width: 60px; Flex: 100px 1 0; Border: Solid 1px black; Boundary-radius: 5px; Margin-down: -80 pixels; Background color: white; Box-shadow: 3px 3px 3px gray; }
  & lt; Div class = "deck" & gt; & Lt; Div class = "card" & gt; 1 & lt; / Div & gt; & Lt; Div class = "card" & gt; 2 & lt; / Div & gt; & Lt; Div class = "card" & gt; 3 & lt; / Div & gt; & Lt; Div class = "card" & gt; 4 & lt; / Div & gt; & Lt; Div class = "card" & gt; 5 & ​​lt; / Div & gt; & Lt; / Div & gt;  


Comments

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

php - Mysql Show Process - Sleep Commands and what to do -

c - What is the address of buf (the local variable in the main function)? -