浮动布局

<template>
    <div>
        <div class="wrap1">
            <div class="left">

            </div>
            <div class="right">

            </div>
            <div class="center">
                浮动布局
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style>
    .wrap1 div{
        min-height: 300px;
    }
    .wrap1 .left{
        float: left;
        width: 300px;
        background: red;
    }
    .wrap1 .right{
        float: right;
        width: 300px;
        background: blue;
    }
    .wrap1 .center{
        background: pink;
    }
</style>
<!-- 页面宽度不够影响布局 -->