Programmazione css-float

18

Come allineare 3 div (sinistra / centro / destra) all'interno di un'altra div?

Voglio avere 3 div allineati all'interno di un div container, qualcosa del genere: [[LEFT] [CENTER] [RIGHT]] Il div del contenitore è largo al 100% (nessuna larghezza impostata) e il div del centro dovrebbe rimanere al centro dopo il ridimensionamento del contenitore. Quindi ho impostato: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Ma …

392 html css flexbox alignment css-float

12

Come posso centrare gli elementi mobili?

Sto implementando l'impaginazione e deve essere centrato. Il problema è che i collegamenti devono essere visualizzati come blocchi, quindi devono essere mobili. Ma poi, text-align: center;non funziona su di loro. Potrei ottenerlo dando al pad wrapper il div pading di sinistra, ma ogni pagina avrà un numero diverso di pagine, …

355 css-float center css

5

Cosa fa la regola CSS "cancella: entrambi"?

Cosa fa la seguente regola CSS: .clear { clear: both; } E perché dobbiamo usarlo?

293 css css-float

6

float: left; vs display: inline; vs display: blocco in linea; vs display: table-cell;

Le mie domande) Uno di questi metodi è preferito da un web designer professionista? Uno di questi metodi è preceduto da un browser Web quando si disegna il sito Web? È solo una preferenza personale? Ci sono altre tecniche che mi mancano? Nota: le domande precedenti riguardano la progettazione di …

281 html css css-float

10

Elementi fluttuanti all'interno di un div, galleggiano all'esterno del div. Perché?

Di 'che hai un div, dagli un preciso widthe mettici degli elementi, nel mio caso un imge un altro div. L'idea è che il contenuto del contenitore divcauserà l' divallungamento del contenitore e costituirà uno sfondo per il contenuto. Ma quando lo faccio, il contenimento si divrestringe per adattarsi agli …

274 css html css-float

15

Come far galleggiare 3 div fianco a fianco usando CSS?

So come far fluttuare 2 div fianco a fianco, semplicemente fluttuando uno a sinistra e l'altro a destra. Ma come fare con 3 div o dovrei usare le tabelle solo per questo scopo?

270 css css-float

10

Come posso mantenere i float CSS in una riga?

Voglio avere due elementi sulla stessa riga usando float: leftper l'elemento a sinistra. Non ho problemi a raggiungerlo da solo. Il problema è che voglio che i due elementi rimangano sulla stessa riga anche quando si ridimensiona il browser in modo molto piccolo . Sai ... come è stato con …

216 css css-float css-tables stretching

7

Perché l'altezza di un elemento contenitore non aumenta se contiene elementi mobili?

Vorrei chiedere come funzionano l'altezza e il galleggiante. Ho un div esterno e un div interno che ha contenuto in esso. La sua altezza può variare a seconda del contenuto del div interno ma sembra che il mio div interno trabocchi il div esterno. Quale sarebbe il modo corretto di …

210 html css css-float

8

Come creare una vista griglia / affiancata?

Ad esempio, ho una classe .article e voglio vedere questa classe come vista a griglia. Quindi ho applicato questo stile: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Questo stile renderà il .article aspetto piastrellato / griglia. Funziona bene con altezza fissa. Ma se voglio impostare l'altezza su auto (allungare automaticamente …

129 css grid positioning css-float tiles

5

Vantaggi dell'utilizzo di display: inline-block vs float: lasciato in CSS

Normalmente, quando vogliamo avere multipli DIVsdi fila, usiamo float: left, ma ora ho scoperto il trucco didisplay:inline-block Link di esempio qui . Mi sembra che display:inline-blocksia un modo migliore di align DIVsseguito, ma ci sono degli svantaggi? Perché questo approccio è meno popolare del floattrucco?

127 css css-float html

5

La virgola mobile a destra e la posizione assoluta non funzionano insieme

Voglio che un div sia sempre alla destra del div genitore, quindi lo uso float:right. Funziona. Ma voglio anche che non influisca sugli altri contenuti quando inseriti, quindi uso position:absolute. Ora float:rightnon funziona, il mio div è sempre alla sinistra del suo div parent. Come posso spostarlo a destra?

126 css css-float position

4

Come far crescere un div in altezza mentre galleggia all'interno

Come posso fare in modo che un div cresca della sua altezza quando ha dei galleggianti al suo interno? Lo so definire un valore per la larghezza e impostare l'overflow su lavori nascosti. Il problema è che ho bisogno di un div con l'overflow visibile. Qualche idea?

121 css html overflow css-float

5

Il div contenitore CSS non ottiene l'altezza

Voglio che il mio div contenitore abbia l'altezza massima dell'altezza dei suoi figli. senza sapere quale altezza divavrà il bambino . Stavo provando su JSFiddle . Il contenitore divè in rosso. che non viene visualizzato. Perché?

116 css css-float liquid-layout

8

Impilare DIV uno sopra l'altro?

È possibile impilare più DIV come: <div> <div></div> <div></div> <div></div> <div></div> </div> In modo che tutti quei DIV interni abbiano la stessa posizione X e Y? Per impostazione predefinita, vanno tutti uno sotto l'altro aumentando la posizione Y dell'altezza dell'ultimo DIV precedente. Ho la sensazione che una sorta di galleggiante, …

116 css html stack css-float

11

Come fare in modo che un div senza contenuto abbia una larghezza?

Sto cercando di aggiungere una larghezza a a div, ma sembra che si verifichi un problema perché non ha contenuto. Ecco il CSS e l'HTML che ho finora, ma non funziona: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> …

110 html css width css-float

Domande taggate «css-float»