console
<body>
<div class="1">
<div class="top">
<div class="logo">logo</div>
<div class="meau">菜单</div>
<div class="show photo">图片展播</div>
</div>
<div class="minibox">
<div class="title">自考本科</div>
<div class="left">报考需知</div>
<div class="insad">省考办公告</div>
<div class="right">自考服务</div>
</div>
<div class="end">
<div class="phome">5</div>
<div class="company">6</div>
<div class="wechat">7</div>
</div>
</div>
</body>
body{
margin: 0;
}
.top{
height:600px;
width:100%;
background-color: red;
}
.logo{
height:100px;
width:200px;
float: left;
background-color: blue;
}
.meau{
height:100px;
width:100%;
background-color: yellow;
}
.show photo{
height:300px;
width:100%;
background-color:rgb(245, 23, 189);
}
.minibox{
height:700px;
width:100px;
margin-top: 30px;
.left{
height:300px;
width:100%;
background-color:rgb(245, 23, 189);
}
.insad{
height:300px;
width:100%;
}
.right{
height:300px;
width:100%;
}
.end{
}
.phome{
}
.company{
}
.wechat{
}