Jekins/Footer-to-bottom.html

Created March 26, 2017 14:02

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/Jekins/f079c3db43ffa58cc48aadf8077a8c90.js"></script>
Save Jekins/f079c3db43ffa58cc48aadf8077a8c90 to your computer and use it in GitHub Desktop.

Download ZIP

Прибить футер к низу с помощью flexbox

Raw

Footer-to-bottom.html

	The HTML

	<body class="Site">
	<header>…</header>
	<main class="Site-content">…</main>
	<footer>…</footer>
	</body>
	The CSS

	.Site {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	}

	.Site-content {
	flex: 1;
	}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment