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: GyanByte Github
$ subscribe --weekly
One deep dive a week, in your inbox
System design, AI engineering, trading systems and interview prep. Tested code, real numbers. Free, and you can unsubscribe any time.
or read it on gyanbyte.substack.com
