interview-answe icon indicating copy to clipboard operation
interview-answe copied to clipboard

232.[html]一个大divl里三个小div水平均匀分布

Open webVueBlog opened this issue 4 years ago • 1 comments

webVueBlog avatar May 15 '20 05:05 webVueBlog

//css
.mainDiv {
    float: left;
    margin-left: 10%;
    width: 80%;
    margin-top: 2%;
    height: 200px;
    background-color: #FFEBCD;

}

.viceDiv_1,.viceDiv_2,.viceDiv_3 {
    float: left;
    background-color: #7FFFD4;
    margin-top: 2% ;
    margin-left: 2.5%;
    width: 30%;
    height: 150px;  
}
//html
    <body>
        <div class="mainDiv">
            <div class="viceDiv_1">
            </div>
            <div class="viceDiv_2">
            </div>
            <div class="viceDiv_3">
            </div>
        </div>
    </body>

webVueBlog avatar May 15 '20 05:05 webVueBlog