Fogli di stampa stile CSS consentono di posizionare un elemento div HTML ovunque sulla tua pagina Web. Si utilizza l'attributo "assoluto", quindi specificare il percorso per il posizionamento di div nella pagina. Impostare il posizionamento in pixel, in modo è possibile spostare l'immagine nella parte superiore o inferiore della pagina. In genere, ci vogliono diversi tentativi per capire la posizione perfetta per l'elemento div.

Istruzioni

1

Pulsante destro del mouse il file HTML che contiene il tag div che si desidera posizionare. Fare clic su "Apri con", quindi fare clic su editor HTML che si desidera utilizzare per creare il codice.

2

Individuare l'elemento div all'interno del codice HTML. È possibile posizionare uno o tutti i vostri contenitori div. Non importa dove il div si trova nel codice HTML perché la proprietà di posizionamento consente di spostare il div nel browser dell'utente.

3

Digitare lo stile CSS nel tag di div. Il codice seguente posiziona il div nell'angolo superiore sinistro del browser Web:

< div id = "sinistro" style = "position: absolute; Top: 5px; Left: 5px;" >< / div >

La posizione "assoluta" dice al browser di posizionare l'elemento div rispetto al contenitore. La definizione di "5px" dice al browser di spostare i pixel di cinque tag div verso il basso dalla parte superiore della finestra del browser e cinque pixel dal lato sinistro della finestra del browser.

4

Salvare il file e aprirlo in un browser Web. Mostra posizione del tag div. Se si desidera riposizionare il tag div nuovamente, ripetere questi passaggi e modificare le proprietà di pixel.