css点集

107 阅读1分钟

1、css自适应布局两种方式

a、bfc布局

b、flex布局

<div class="box">
    <div class="box1"></div>
    <div class="box2"></div>
</div> 

<style>
    .box1{
        min-width: 100px;
        float: left;
    }
    .box2{
        overflow: hidden;
    }
</style>
<style>
    .box{
        display: flex;
    }
    .box1{
        min-width: 100px;
    }
    .box2{
        flex: 1;
    }
</style>