Voglio un componente che mantenga il centro orizzontale della pagina (a due colonne), e ho un sottocomponente (colonna a destra) che voglio che la sua posizione sia fissa, quindi il sub- posizione del componente da correggere, ma le due colonne intere devono essere centrate.Posizione fissa CSS con Auto Margin
#content {
width: 1200px;
height:auto !important;
height:100%;
min-height:100%;
padding-top: 42px;
padding-bottom: 100px;
margin-auto: 0 auto;
position: relative;
}
#left {
width: 700px;
float: left;
}
#right {
width: 500px;
position: fixed;
top: 0px;
}
Attendere! Se hai altri elementi con 'margin: auto' e' position: relative', quando provi a ridimensionare la larghezza del browser, scoprirai che i due livelli non si allineano correttamente. Questo è un bug comune dei CSS. – Raptor
Questa risposta è corretta se si dispone di una larghezza di correzione. Per la larghezza del fluido (i.e.100%) si prega di considerare la risposta di pstenstrm mostrata sotto "È possibile utilizzare il margine: 0 auto con posizione: fisso se si imposta a sinistra ea destra." –
Per le persone nuove che arrivano a questo thread: usa la soluzione postata sotto –