.header{ width: 100%; height: 90px; /* position: fixed; top: 0px; background: #fff; box-shadow: 0px 0px 3px #888888; */ flex: 0 0 auto; } .header>.content{ width: 1240px; height: 100%; display: flex; justify-content: space-between; margin: 0 auto; } .header>.content>.logo{ width: 145px; height: 50px; background: #000; margin: auto 0; } .header>.content>.nav{ display: flex; } .header>.content>.nav>li{ padding: 0 20px; line-height: 90px; font-size: 20px; } .header>.content>.nav>li>a{ color: #000; } .text{ min-height: 80%; width: 1240px; margin: 0 auto; /*min-height: 600px;*/ flex: 1 0 auto; /*margin-bottom: 80px;*/ } .text .page-header{ margin-bottom: 10px; } .active{ color: #edb183 !important; } html,body{ height: 100%; display: flex; flex-direction: column; } .footer { background: url('../img/sdtttr.png') no-repeat; background-size: 100% 100%; height: 90px; width: 100%; position: relative; flex: 0 0 auto; } .footer-cert { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer-cert, .footer-cert a { color: #fff; } .active { color: #edb183 !important; } .footer-item { display: block; text-align: center; }