7.規避脫離標準流的方法

• 儘量使用標準流

<style type="text/css">
    .father{
        width:500px;
        height:500px;
        background:red;
        }
    .son{
        width:100px;
        height:100px;
        background:green;
        margin-left:auto;   (設置盒子左外邊距爲auto,自動從左衝到右面，讓盒子在父盒子左側充滿）
        magin-right:auto;(讓盒子在父盒子右側充滿）
        magin:0 auto;(讓盒子在父盒子居中對齊）
</style>

• 標準流解決不了的使用浮動
• 浮動解決不了的使用定位
• 圖片和文字垂直居中對齊 vertical-align對inline-block最敏感。默認屬性是vertical-align:baseline; (基線對齊） 最常用的vertcal-align:middle (圖片和文字垂直居中對齊）