За подравняване към долния десен ъгъл използваме
отдолу: 0px; и надясно: 0px;
1 пример:
За HTML файла
<div class="parent">
<div class="child"></div>
</div>
|
За CSS файла
.parent {
width:250px;
height:250px;
background-color:#CCCCCC;
position:relative;
}
.child {
width:100px;
height:100px;
background-color:#999999;
position:absolute;
bottom:0px;
right:0px;
}
|
2 пример:
за HTML файла
<div class="grandparent">
<div class="parent">
<div class="child"></div>
</div>
</div>
|
за CSS файла
.grandparent {
width:250px;
height:250px;
background-color:#CCCCCC;
position:relative;
}
.parent {
width:150px;
height:150px;
background-color:#999999;
position:absolute;
bottom:0px;
}
.child {
width:70px;
height:70px;
background-color:#666666;
position:absolute;
right:0px;
top:0px;
}
<html> <head> <title>kkk</title> <style type="text/css"> .grandparent { width:250px; height:250px; background-color:#CCCCCC; position:relative; } .parent { width:150px; height:150px; background-color:#999999; position:absolute; bottom:0px; } .child { width:70px; height:70px; background-color:#666666; position:absolute; right:0px; top:0px; } </style> </head> <body> <div class="grandparent"> <div class="parent"> <div class="child"></div> </div> </div> </body> </html> |
3 пример:
за HTML файла
<div class="grandparent">
<div class="parent">
<div class="child"></div>
</div>
</div>
|
за CSS файла
.grandparent {
width:250px;
height:250px;
background-color:#CCCCCC;
position:relative;
}
.parent {
width:150px;
height:150px;
background-color:#999999;
/*position:absolute;*/
bottom:0px;
}
.child {
width:70px;
height:70px;
background-color:#666666;
position:absolute;
right:0px;
top:0px;
}
|
