css实现3个div左右两个定宽

今天我们来学习如何使用CSS实现3个DIV布局。我们想要实现左右两个DIV定宽，中间DIV自适应宽度的效果。

首先，我们需要先创建3个DIV标签，使用CSS样式来定义它们的宽度。我们可以使用float属性来指定左右两个DIV定宽，同时使用margin属性来设定中间DIV的外边距。

    div class="left">
            p>
    左边DIV/p>
        /div>
        div class="center">
            p>
    中间DIV/p>
        /div>
        div class="right">
            p>
    右边DIV/p>
        /div>
    .left {
            float: left;
            width: 200px;
            height: 200px;
            background-color: #ccc;
    }
    .center {
            margin: 0 220px;
            height: 200px;
            background-color: #ddd;
    }
    .right {
            float: right;
            width: 200px;
            height: 200px;
            background-color: #ccc;
    }
    

在上面的代码中，我们使用了左边DIV和右边DIV设置了固定宽度和高度，中间DIV使用margin属性来定义了外边距，同时高度也设置成了200像素。因为中间DIV的宽度需要自适应，所以我们并没有为它设置宽度。

这样，我们就可以使用CSS来实现3个DIV左右两边定宽，中间DIV自适应宽度的效果。希望这篇文章能帮助你更好地理解CSS布局技巧。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！