console 命令行工具 X clear

console

<body>
    <div class="box"> 
    <div class="minibox">
    <div class="title"><a class="titlebox"></a>自学考试</div>
    <div class="add"><img alt="" src="http://www.5184.com/res/images/zklc.jpg?20171116"></div>
	<div class="friest"></div>
    <div class="second"></div>
    <div class="third"></div>
    </div>
    </div>
</body>

body{
    margin: 0;
    background-color:  beige;
}

.box{
    height: 700px;
    width: 100%;
    margin: 0;
    
}

.minibox{
    width: 1000px;
    height: 100%;
    background-color:burlywood;
}
.title{
    margin:17px auto 0;
    height:33px;
    line-height:30px;
    text-align:left;
    font-size:24px;
    padding-bottom:20px;
}


.titlebox{
     width:10px;
     height:30px;
     display:inline-block;
     vertical-align:middle;
     margin-right:10px;
     background-color: red;

}



.friest{
    height: 500px;
    width: 300px; 
    float: left;
    background-color: red;

}

.second{
    height: 500px;
    width: 300px;  
    float: left;
    background-color: yellow;
}

.third{
    height: 500px;
    width: 300px; 
    float: left;
    background-color: green;
}