<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title></title> | |
<style type="text/css"> | |
div.fixed{ | |
position: fixed; | |
bottom: 0; | |
right: 0; | |
width: 300px; | |
border: 3px solid springgreen; | |
} | |
</style> | |
</head> | |
<body> | |
<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
</h2> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p | |
<div class="fixed"> | |
este elemento tiene una posicionn fixed; | |
</div> | |
</body> | |
</html> |