E 'cattiva pratica di utilizzare margini negative o Imbottitura in CSS

Prendiamo ad esempio questa immagine qui di seguito di un progetto cui sto lavorando ... sfondo blu è un DIV che si trova all'interno di un altro DIV che avvolge tutto quel contatto barra laterale sezione insieme. Per ottenere il Blue BG DIV ad avere il bordo rotondo e non hanno un gap a causa del margine di genitori/padding ho dovuto usare margini negativi
margin: -9px -2px 8px -6px;E 'cattiva pratica di utilizzare margini negative o Imbottitura in CSS

Quindi la domanda è, è cattiva pratica da usare margini negative o imbottitura?

enter image description here

fonte

2011-12-30 JasonDavis

I pad negativi non sono consentiti (e non funzionano) in css, solo margini negativi. – biziclop

@biziclop grazie per le informazioni, penso che ci stavo provando e non funzionava, ho pensato che fosse qualcosa che lo superava, quindi è molto bello sapere ora – JasonDavis

@JasonDavis Dipende da come li hai usati. Come il modo di bootstrap li usa funzionano bene a causa di bootstrap prendersi cura di tutto ciò che riguarda la risposta e tutto. Lo stesso vale se si utilizza il margine negativo, quindi è necessario occuparsi di tutti i dispositivi altrimenti su alcuni schermi è possibile creare lo scorrimento orizzontale o verticale. –

No; non è una cattiva pratica, a patto che tu sappia che stai usando margini negativi e che questo necessariamente "tira"/"sposta" gli elementi dalla loro posizione altrimenti "normale".

Perché dovresti preoccuparti di questo?

fonte

2011-12-30 23:08:41

Inoltre, la specifica CSS copre i margini negativi in modo piuttosto equo. (A proposito, non ho ancora scritto su www-style ... Sono stato impegnato con il modding, ma vedo che ti stai aiutando a queste domande :) – BoltClock

Il motivo principale per cui ti stavo chiedendo era perché Non volevo codificare un intero sito o 2 usandoli e poi scoprire che non era bello farlo, volevo solo assicurarmi che – JasonDavis

so che questa è una risposta davvero vecchia, volevo solo dirti non dovresti preoccuparti delle "cattive abitudini" con lo styling, a patto che funzioni sui browser che vuoi supportare, quindi è tutto A-ok :) – Canvas

I margini negativi sono un ottimo modo per negare il riempimento all'interno di un elemento per le intestazioni ecc. Non ho trovato risultati negativi (scusate il gioco di parole) sull'uso dei margini negativi. Per esempio:

<div style="padding:10px;border:1px solid blue;"> 
<div style="margin:-10px -10px 10px -10px;backgorund-color:yellow;">Full width heading</div> 
The content of the div which is now padded in by ten pixels. 
<div>

ero preoccupato di margini negativi quando li ho scoperto, ma li ho trovato per essere molto utile è così tanti layout di zone- in realtà riducendo la conta div e per la bonifica codice del layout.

fonte

2011-12-31 04:33:50 MadScientist

E 'cattiva pratica di utilizzare margini negative o Imbottitura in CSS

risposta

Problemi correlati