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

導航欄左右邊空白還是沒有被撐開？

.nav{

height:40px;

}

.nav_left{

width:10px;

background:url(..images/nav_left.jpg) no-repeat;

}

.nav_mid{

width:980px;

background:url(../images/nav_bg.jpg) repeat-x;

line-height:40px;

}

.nav_right{

width:10px;

background:url(..images/nav_right.jpg) no-repeat;

}

.nav_left, .nav_mid, .nav_right{

height:40px;

float:left;

}

DylmHai

2016-07-27

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

關注問題我要回答

1323

操作

收起

2 回答

顧顧小
2016-08-08

為什么給了高度就撐開了呢

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

收起回答

DylmHai 提問者

這里已經找到問題的所在，是有個地方寫錯了。關于div給了高度就能撐開這個問題，可以看一下下邊的解釋：有些div總是不能根據內容自適應，父級元素高度只有一點點，但子元素很高，看起來就像褲子短了很長一截，檢查半天也沒有結果。為什么會出現這種情況，難道是因為使用了浮動的原因嗎？確實是。浮動能產生很好的效果，但是很多人忽略了浮動的細微性質，那就是浮動使一個塊級元素與該層的其他元素游離開來，他漂浮在父元素的上面，父元素無法在視覺上包含他。 .nav_left, .nav_mid, .nav_right{ float:left; } 試了一下，這樣子也可以，關于繼承父元素屬性問題，有待學。