#sideBar{
top:120px;
}
div.blogStats{
top:120px;
}
div#navigator ul#navList{
top:50px;
}
.lyffooter{
  height:30px;
  background:linear-gradient(to bottom,#D9E1EE 0,#446959    100%);
  padding:2px;
  text-align:center;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
}
*{margin:0;padding:0;}
.shell{margin:20px auto;position:relative;width:230px;height:138px;border:#666 2px solid;background:#FAFAFA;}
.shell p{position:absolute;width:45px;height:45px;background:url(https://images.cnblogs.com/cnblogs_com/lvfeilong/578527/o_pic.jpg) no-repeat 0 0;cursor:pointer;}
.bar{margin:0 auto;width:499px;font:600 16px/1.8em Verdana;}
.bar em{font-style:normal;margin-right:10px;color:#F00;}
#showall{font:12px/1.8em Verdana;cursor:pointer;}
#show{background:url(https://images.cnblogs.com/cnblogs_com/lvfeilong/578527/o_pic.jpg) no-repeat 0 0;}
<style>
  #menu{
  	list-style: none;
  }
  #menu ul{
  	list-style: none;
  	display: flex;
  	margin:0px;
  	padding-left:0px;
  }
  #menu ul li{
  	float: left;
  	display: block;
  	text-align: center;
  	border:1px solid #64B8E4;
  	padding:10px;
  	width:60px;
  	cursor: pointer;
  }
  #menu ul li.selected{
  	background-color: gray;
  }
  .item{

  }
  .conts{
  	border:1px solid blue;
  	width:1100px;
  	height: 570px;
  	display: none;
  	flex-wrap: wrap;
  	padding:20px;
  }
  .conts.selected{
  	display: flex;
  }
  .imageSize{
  	width:120px;
  	height: 120px;
  }
  .title{
     position: relative;
     top:20px;
     left:-120px;
  }
</style>