Html排版问题3个div布局float

html开发遇到问题记录：
当同时有3个div，2个div为一组，另外一个div为一组，而且想同时排列为一排的时候。div的用先后顺序和float的使用有以下注意。
第一：右边一组的div需要往上面排列在进行float:right。
第二：左边一组两个div在下面排列，里面css可以再进行float：left和right。
这样布局就正常了

        
        

            
            
地址：广东省广州市白云区嘉禾街望岗上胜东街46号上胜创
            
意园N座305
            
手机：18144858668
            
电子邮件：[email protected]
        
        
        
        

            
            

                
关于我们
                
广州海资泉生物科技有限公司，注册成立于2019年的一个美容护肤品品牌是一家专业从事化妆品研发、策划、生产为一体的化妆品企业公司，公司专注于各种类面膜及中高档化妆品品牌及半成品的OEM/ODM加工及品牌的区域代理、批发、销售，生产厂房1.2万平方米，并且通过了欧盟GMP生产质量认证，完善的质量管理和...
                了解我们
            
        
      
    

/*关于我们*/
.about {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
}
    /*关于我们-左边样式*/
    .about-left {
        width: 735px;
        height: 300px;
        margin-top: 50px;   
    }
        .about-left div {
            position: relative;
            width: 400px;
            height: 300px;
            float: right;
            overflow: hidden;
            background-color: #4d7dc5;
        }
        .about-left div h3 {
            text-align: center;
            color: #fff;
            font-size: 18px;
        }
        .about-left div p {
            padding:  0 15px 0 15px;
            text-indent: 2em;
            font-size: 14px;
            color: #fff;
            line-height: 25px;
        }
        .about-left div span {
            position: absolute;
            bottom: 10px;
            right: 25px;
            border-radius: 5px;
            background-color: #e8a20f;
            color: #fff;
            width: 80px;
            height: 30px;
            font-size: 14px;
            text-align: center;
            line-height: 30px;
        }

    /*关于我们-右边样式*/
    .about-right {
        width: 446px;
        height: 296px;
        float: right;
        border: 2px solid #f6f6f6;
    }

    .about-right img {
        margin: 53px 0 0 25px;
    }

    .about-right p {
        margin-left: 25px;
    }