課程
/前端開發
/HTML/CSS
/企業網站綜合布局實戰
如圖，顯示成這個樣子：（代碼在下面）
2015-05-28
源自：企業網站綜合布局實戰 3-5
正在回答
nav_left里面的img設置成display:block；你看div的高比img的高多了3px,所以擋道了后面nav_left，
nav_mid，擋住了一部分之后，nav_mid就不能直接顯示在一行，就直接換下一行了
修改了這里
.nav {
height: 40px;
clear: both;
overflow: hidden;
}
劉顏
控制一下ul和li，讓其在一行，另外form也需要控制。
舉報
本課程重點介紹HTML/CSS實現常見企業網站布局的方法
7 回答為什么nav_left ,nav_mid, nav_right不在一行？
3 回答.nav_left與.nav_mid和.nav_right不在一行上？
2 回答nav_left實際顯示為0，為什么
4 回答為什么不能在同一排
4 回答為什么nav_left設置了左浮動，不顯示在nav的最左邊。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-04
nav_left里面的img設置成display:block；你看div的高比img的高多了3px,所以擋道了后面nav_left，
nav_mid，擋住了一部分之后，nav_mid就不能直接顯示在一行，就直接換下一行了
2015-05-29
修改了這里
.nav {
height: 40px;
clear: both;
overflow: hidden;
}
2015-05-29
修改了這里
.nav {
height: 40px;
clear: both;
overflow: hidden;
}
2015-05-29
控制一下ul和li，讓其在一行，另外form也需要控制。