|
<!DOCTYPE html>
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="CSS, guida CSS, HTML.it"> <title>HTML.it - Guida CSS di base - Il posizionamento relativo </title> <style> #box-2 { position: relative; top: 0; left: 420px; width:410px; } .box-1 { width: 400px; height: 400px; padding: 10px; border: 1px solid #002c53; background: #568ec0; position: fixed; top: 0px; left: 0px; width:240px; height:800px; } </style> </head> <body> <div id="box-2"> <h1>HTML.it - Guida CSS di base - Il posizionamento relativo</h1> <h2><code>position: relative</code>erso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originaria.Questo box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originaria.</h2> <div class="box-1"> <p>Questo box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originariaQuesto box con posizionamento relativo è traslato verso l'alto di 20px rispetto alla sua posizione originaria.</p> </div> <p><br><br></p> <p><br><br></p> <p><br><br></p> <p><br><br></p> <p><br><br></p> <p><br><br></p> <p><br><br></p> <p><br><br></p> <p><br><br></p> </body> </html> |