Problem
You have a website, and you want to have a piece of content which should be at the bottom of thepage always.Use Cases
It may be used as:- Show recommended content
- Show signup form
- Ask to download some stuff
- Some flash news
Solution
For complete solution, see following code:<html>
<head>
<title>Test</title>
<style>
#foo {
position: fixed;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div id="foo">Hello World</div>
<p> This html shows how to set a div block to the bottom of website. This is very helpful while showing some popup having recommended content or some marketing content you want to show on your page. </p>
<p> See on the bottom right corner </p>
</body>
</html>To download this code from git: See: Gyanblog Github
