使用inline-block实现自适应等宽布局

自适应宽度布局思路：使得一个元素宽度固定，另外一个元素宽度自适应来填充父元素的宽度

    .outer {
        font-size: 0;
    }

    .fixed {
        width: 200px;
        display: inline-block;
        vertical-align: top;
    }

    .fixed, .auto {
        height: 300px;
        outline: 1px solid blue;
    }

    .auto {
        margin-left: -200px;
        padding-left: 200px;
        box-sizing: border-box;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }	

Tagged as: 布局