display:table next to footer

Asked

Viewed 40 times

-2

Hello! I’m trying to leave a div next to the rodape. I am using display:flex and with this I can not use percentage. Can someone enlighten me on how to solve this somehow...

<style>
*{
  padding:0;
  margin:0;
}
html {
    height: 100%;
    min-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
	#quadro{
	margin-left:5px;
	margin-top:5px;
  width:auto;
	height: 100px;
	margin-bottom:5px;
	border:1px solid black;
	}
footer {
    margin-top: auto;
    width:100%;
    height:5px;
    background:black;
}
</style>
<body>
<html>
<div id="quadro">
</div>
<footer>
</footer>
</html>
</body>

html css

1 answer

-3

Wouldn’t it be better if you used the "display: inline;" or maybe "display: inline-block;", pq you can get more or less the same result by changing the size with percentage.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.