.fill-child{ position: relative; margin: 20px 0px; background-color: white; width: 98%; height: 200px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.26); } .fill-frame{ position:absolute; top: 20px; right: 30px; width: 900px; max-height: 700px; overflow-y: scroll; } .fill-ipt-text{ width: 400px; height: 120px; margin: 10px 10px; border-radius: 10px; float: right; border: 1px solid rgba(0, 0, 0, 0.2); resize: none; padding: 10px 10px; background-color: #f4f4f4; } .fill-ipt-text:focus{ border: 1px solid rgb(55, 157, 255); background-color: white; } .fill-ipt-text:hover{ background-color: white; border: 1px solid rgb(55, 157, 255); } .submit-text{ font-size: 15px; color: white; cursor: pointer; border-radius: 5px; border: 1px solid #000000; background-color: rgba(29, 29, 29, 0.97); width:200px; height: 40px; position: absolute; float: right; margin: 0px 10px 10px 10px; bottom: 0px; right: 0px; } .submit-text:hover{ background-color: #575757; } .fill-name{ text-align: center; line-height: 40px; color: white; font-size: 18px; float: left; background-color: #d24143; width: 150px; height: 40px; border-radius: 10px; margin: 10px; } .other-tips-msgs{ position: absolute; height: 130px; margin: 10px; width: 400px; border-radius: 10px; border: 1px solid #b5b5b5; bottom: 0px; left: 0px; } .tips-msg{ font-size: 15px; text-align: center; color: white; height: 25px; width: 190px; margin: 5px 5px; float: left; transition: all 0.3s; border-radius: 5px; background-color: #363636; } .tips-msg:hover{ background-color: #3d3d3d; } .upload-status{ float: left; border-radius: 10px; height: 40px; width: 100px; margin: 10px 10px 10px 0px; background-color: #ff7182; } .download-file{ float: left; border-radius: 10px; height: 40px; width: 100px; margin: 10px 10px 10px 0px; background-color: #ff7182; } .score-area{ position: absolute; border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 10px; width: 190px; height: 40px; margin: 0 0 10px 0; bottom: 0; right: 220px; padding-left: 15px; } .