Informazioni su come utilizzare i margini

Question

Ho bisogno di alcune informazioni su come usare i margini e come funziona esattamente padding .

Ad esempio: dovrei mettere una linea per occupare l'intera larghezza della pagina (indipendentemente dalla risoluzione utilizzata per visualizzare la pagina Web) lasciando solo un piccolo bordo su ciascun lato, come posso ottenere questo?

Answer 1

Dai un'occhiata a questo: http://redmelon.net/tstme/box_model/

Fondamentalmente, un elemento è costituito da contenuto, circondato dalla sua imbottitura, quindi dal bordo, quindi dal margine. Le immagini di sfondo si estendono solo fino al bordo. I margini sono meglio descritti come "lo spazio bianco attorno a questo elemento".

Ma dai un'occhiata all'URL sopra e crea una pagina di prova con cui giocare, tutto dovrebbe avere senso.

Answer 2

Penso che questo dovrebbe fare quello che vuoi:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

Impostazione della larghezza su " 100% " impone al testo di utilizzare l'intera larghezza e impostando il riempimento cellulare su "5" imposta un bordo invisibile di 5 pixel.

Answer 3

Un altro modo per illustrarlo è nel modello a scatola, l'imbottitura è il "margine" interno. del margine di una casella è il buffer attorno alla casella.