confusione che comprende il layout di navigazione a due colonne fluido

Question

confusione che comprende il layout di navigazione a due colonne fluido

#1 da (1 voti)

3

Sto cercando di capire il seguente layout del browser: link ma Sto avendo una certa confusione con alcune delle sue parti e non ci sono abbastanza informazioni sulla pagina o nei commenti CSS per aiutarmi.

Qual è lo scopo del .colleft div? Perché le 2 colonne non possono essere direttamente sotto il contenitore .colmask?
Perché il div .colleft ha diritto al 75%? Non capisco il suo scopo / beneficio.
Perché le larghezze di .col1 e .col2 non sono al 100%?
Come è stato lasciato: 102% calcolato per .col1 e lasciato: 6% per .col2? I commenti per questo non sono molto chiari per me. Com'è diverso dal non specificare nemmeno una proprietà css sinistra / destra?

html web css

posta Jason Madux 26.03.2012 - 22:17

fonte

1 risposta

Leggi altre domande sui tag html web css

Come posso testare un parser per uno schema XML su misura? Quali sono i passaggi necessari per creare un processo di test?

score 1 · Answer 1

Non essere confuso dalla "struttura div nidificata" con codice colore. Rappresenta la gerarchia div in HTML, ma il layout ottenuto viene mostrato nelle "Dimensioni percentuali del layout del menu a sinistra".

In questo caso colleft viene utilizzato come distanziatore che mette da parte lo spazio sulla colonna sinistra, mentre col2 è il contenuto effettivo della navigazione a sinistra. Nota il bordo intorno a col2 . L'impostazione dei margini probabilmente darà lo stesso effetto.