                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

nav部分有問題

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

Myoung0

2017-02-03

源自：企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 3-4

關(guān)注問題我要回答

920

操作

收起

2 回答

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

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

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

平_piero
2017-03-01

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

劉顏

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

2017-03-01 回復(fù) 有任何疑惑可以回復(fù)我~

#2

平_piero 回復(fù) 劉顏

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

2017-03-02 回復(fù) 有任何疑惑可以回復(fù)我~