css:position:absolute_vs_relative_vs_static
This is an old revision of the document!
Table of Contents
CSS - Position - Absolute vs Relative vs Static
CSS - Position - Static
<div class=”parent”> <div class=”box” id=”one”>One</div> <div class=”box” id=”two”>Two</div> <div class=”box” id=”three”>Three</div> <div class=”box” id=”four”>Four</div>
.parent {
border: 2px black dotted;
display: inline-block;
}
.box {
display: inline-block;
background: red;
width: 100px;
height: 100px;
}
#two {
background: green;
}
CSS - Position - Relative
#two {
top: 20px;
bottom: 20px;
background: green;
position: relative;
}
css/position/absolute_vs_relative_vs_static.1628424658.txt.gz · Last modified: 2021/08/08 12:10 by peter