                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /企業網站綜合布局實戰

nav部分有問題

我nav左部就是這樣按照老師一模一樣打的我發現我修改logo-left的width（值變?。┲禃r nav左邊的圖片才能往左移動一點

Myoung0

2017-02-03

源自：企業網站綜合布局實戰 3-4

關注問題我要回答

924

操作

收起

2 回答

平_piero 回答被采納 +3 積分
2017-02-22

LOGO 部分有溢出，在.logo 里面添加屬性 overflow:hidden 就可以了，下次遇到這種無法浮動的情況，去考慮是否有溢出就可以解決了

2 回復有任何疑惑可以回復我~

收起回答

平_piero
2017-03-01

額，我的代碼沒保存，就是在CSS里面添加一句 .logo{ overflow:hidden} 就行了，按照老師的寫法是不行的，關于溢出的那部分他直接忽略了，也不知道是不是用的素材尺寸和我們的不一樣

0 回復有任何疑惑可以回復我~

收起回答

劉顏

我試過了確實是加了Overflow就可以了，但是為什么加overflow就可以了？

2017-03-01 回復有任何疑惑可以回復我~

平_piero 回復劉顏

overflow屬性是對溢出內容的控制，logo這張圖片的實際大小比我們規定的盒子大小要大，雖然我們看不到，但是圖片實際還是占據了空間的，所以在下面的文本使用float屬性時會由于有空間被占據而被擠到下一行，這時候我們就需要用overflow將溢出的部分清理掉，overflow:hidden 就是將溢出的內容隱藏從界面中移除。希望這個解釋你能理解。另外建議不要光看慕課網的視頻，學習的時候結合w3school效果會比較好~

2017-03-02 回復有任何疑惑可以回復我~