css - la largeur n'est pas fixe, centrée horizontalement

La largeur n'est pas fixe, centrée horizontalement

<div id="box"> 
     <div id="inner">11111111111111111111</div>
</div>

1. Positionnement relatif :

 #box{
    
    position:relative; left:50%; float:left;}

 #inner{
    
    position:relative; left:-50%;}

Les problèmes causés par le flottement doivent être pris en compte

2. Utilisez display:table pour résoudre :

#box{
    
     display:table;margin:0 auto}

/* 不支持ie6,ie7*/

3.Solution de centrage CSS3 flex-box

#box{
    
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box;  -webkit-box-align: center;-webkit-box-pack: center;}

#inner{
    
    -webkit-box-flex: 0;background: #CCC;}