.campusStyle-main-div{ height:calc(100% - 150px); margin-top:10px; box-sizing: border-box; border: solid 1px #264e76; } .campusStyle-main-left{ width:650px; height:calc(100% - 20px); float:left; box-sizing: border-box; margin-top:20px; border-right:1px solid rgba(96, 165, 255, .3); } .campusStyle-main-left>div:nth-child(1){ overflow: hidden; } .campusStyle-main-left>div:nth-child(1)>p{ line-height:40px; height:40px; font-size:16px; padding-left:10px; } .campusStyle-main-left>div>form{ margin:10px; } .campusStyle-main-left>div>form>p{ float:left; line-height:40px; margin-right:10px; font-size:16px; } .schoolInfo{ height:250px; padding:30px 10px; background:url("../image/campus-etails-bg.png") 0 0 no-repeat; margin-left: 10px; } .schoolInfo>div:nth-child(1){ float:left; width:280px; padding:10px; } .schoolInfo_left>p{ line-height: 30px; height:30px; } .schoolInfo_bottom>p{ width:50%; float:left; height:30px; line-height:30px; } .schoolInfo_bottom>p>img{ float:left; margin:5px; } .schoolInfo>div:nth-child(1)>p>span:nth-child(1){ color: #65bff8; float:left; width:80px; } .schoolInfo>div:nth-child(1)>p>span:nth-child(2){ float:left; width:calc(100% - 80px); /*1. 先强制一行内显示文本*/ white-space: nowrap; /*2. 超出的部分隐藏*/ overflow: hidden; /*3. 文字用省略号替代超出的部分*/ text-overflow: ellipsis } .schoolInfo>div:nth-child(2){ float: left; height:calc(100% - 40px); width: calc(100% - 340px); padding:10px 0; } .schoolInfo>div:nth-child(2)>img{ width:100%; height:100%; } .school_introduction{ padding:0px 20px; width:600px; line-height:30px; height: calc(100% - 380px); overflow-y: auto; } .school_introduction>p{ text-indent: 2rem; } .school_introduction>p:nth-child(1){ font-size:18px; margin-bottom:15px; }