html图片怎么设置不溢出,怎么让图片不超出div

*{

margin:0;

padding: 0;

}

.header{

background-color:#07cbd9;

width: 100%;

height: 60px;

font-weight: bolder;

}

.header img{

padding-top: 10px;

padding-left: 50px;

width: 150px;

height: 40px;

}

.header ul li{

display: inline;

color: white;

margin-right: 10px;

}

.header ul{

position: absolute;

right: 30px;

top: 0;

line-height: 60px;

}

.banner {

height: 640px;

}

.top {

border: solid;

border-color: transparent;

height: 500px;

width: 600px;

position: absolute;

right: 50%;

top:50%;

margin-top: -150px;

margin-right: -300px;

opacity: 0.6;

}

.top .front{

width: 100%;

height: 40px;

border: solid;

border-color: white;

margin-top: 15px;

}

.top .middle{

width: 100%;

height: 140px;

border:solid;

border-color:white;

margin:15px auto;

}

.top .submit{

width: 50%;

height: 40px;

border:solid;

border-color: white;

margin:15px auto;

}

.ABCOUT {

width: 100%;

height: 350px;

text-align: center;

background-color: white;

}

.title{

font-style: microsoft yahei;

}

• HOME
• ABOUT
• GALLERY
• FACULTY
• EVENTS
• CONTACT