僅以此文章對自己的前端學習工作進行一個記錄。
要求：導航欄左側(cè)logo和系統(tǒng)名稱為400px，右側(cè)登錄部分150px，將中間導航欄ul li功能圖標看做一個整體沟涨，位于功能區(qū)中間况毅，與兩側(cè)區(qū)域的距離為自適應分蓖。
<style>
logo左浮動， admin右浮動
? ? .serMenu{
????????width:calc(100% -450px);? ?/*? 功能區(qū)div寬度為減去logo和admin后自適應? */
????????text-align:center;? ? ? ? ? ? ? ?/*盒子內(nèi)容居中*/
????}
? ? .menu{
? ? ? ? display: inline-block;
????}
</style>
遇到的問題：.menu{}即ul不能設置float：left尔许；? ?否則會在.serMenu? div 中左浮動么鹤，無法實現(xiàn)居中（text-align:center; 子盒子不能加浮動）
垂直滾動條：div中有圖片img 使圖片寬度自適應屏幕尺寸，高度可滾動查看
div{
? ? height: 100%;? /*要設置固定寬高大小才能實現(xiàn)超出部分滾動*/
????overflow: auto;
//? ? overflow-y:scroll;
}
img{
????width:100%;
? }
