CSS中元素设置定位,水平居中布局分析

水平布局的决定因素

left+margin-left+border-left+padding-left+width+padding-right+border-right+margin-right+right

        -当开启决定定位后,水平方向的布局等式就会加上left,right两个值,此时规则和之前一样,只是多添加了两个值

        -当发生过度约束时

                1:如果9个值中没有auto,则自动调整right值以使等式满足

                2:如果有auto,则自动调整auto的值以使等式满足

        -可设置auto的值

                margin        width         left         right

        -因为left和right的值默认是auto,所以如果不设置left和right,则等式不满足时,就会自动调整这两个值

        -在left,right设置为0的时候,如果width设置auto,,无论margin如何设置,都是调整width

总结:优先级:right>left>margin-right,margin-left

垂直布局

等式也必须满足

top+margin-top+····+botoom



  
    
    
    
    Document
    
  
  
    

你可能感兴趣的:(css,css,前端)