make one div fixed of a div code example
Example 1: fixed within the div css
#wrapper { width: 300px; background: orange; margin: 0 auto; position: relative; }
#feedback { position: fixed; right: 0; top: 120px; }
<div id="wrapper">
...
<a id="feedback" href="#">Feedback</a>
</div>
Example 2: how fixed image at top
.cust_sticky {
position: fixed;
}
Example 3: how to position fixed inside a div
//Do not forget the absolute position!
.parentDiv{
position: relative;
}
.insideParentDiv{
position: absolute;
}
Example 4: absolute css
div{
position:absolute;
top:10px;
left:20px;
right:10px;
bottom:20px;
}
Wondering how to use absolute property within a div simple?
Say you have a div inside a div.
putting first div relative and mentioning second div absolute will do the job
In my early days of css, I wonder the position property with relative and no top
bottom, right left property with it. One day I realized it.
1st)<div class='b'>
<div class="b1">
content
</div>
</div>
<style>
.b {
height: 200px;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(201, 14, 14);
position: relative;
}
.b1 {
height: 100px;
height: 100px;
width: 100px;
position: absolute;
top: 50%;
left: 50%;
}
2nd)<div class="b1">
content
</div>
<style>
.b1 {
height: 100px;
height: 100px;
width: 100px;
position: absolute;
top: 50%;
left: 50%;
}
1st with reference to the first div
2nd to refrence to the object window
Wondering Why i use div for all my tags, simple due its flexibilty to be an
comman container
</style>
---By Siddharth -a physics undergraduate.