亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

index-menu沒有高度,footer會移上來

這個問題不知道怎么解決, 希望各位幫個忙。

先上圖, 效果是這樣:

http://img1.sycdn.imooc.com//5769dcb600016bd219010952.jpg

我用chrome的開發者工具看了一下index-menu的盒子模型信息:

http://img1.sycdn.imooc.com//5769dd2d0001293f01730178.jpg

發現高度為0。

相關的css代碼如下:

.index-menu?{
position:?relative;
border-top:?4px?solid?#f34949;
}
.index-menu?.index-menu-tips?{
position:?absolute;
left:?50%;
width:?154px;
height:?70px;
margin-left:?-77px;
background:?#F34949;
text-align:?center;
line-height:?60px;
color:?#fff;
font-size:?20px;
}
.index-menu?.index-menu-tips:after?{
position:?absolute;
content:?"";
width:?0;
height:?0;
bottom:?0;
left:?0;
border-left:?77px?solid?transparent;
border-right:?77px?solid?transparent;
border-bottom:?10px?solid?#fff;
}

如果需要完整的文件, 我會貼出來

正在回答

5 回答

因為position:absolute(絕對定位)會將塊從文檔流中摳出來,再放在應有的位置,所以不占原來文檔流的位置,所有下面的部分會上移。應該改成相對定位

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

footer加個bottom:0;就可以撐開了。

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

menu-list也是,導致learn more那里定位出錯

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

我也是這樣的情況,到這里不知道哪里出問題了,menu撐不開

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

是不是.index-menu那個div沒寫清除浮動?

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

涮刀石 提問者

我加了清除浮動的class,但是沒用。 而且應該不是浮動造成的,因為我沒有用float
2016-06-22 回復 有任何疑惑可以回復我~
#2

涮刀石 提問者

不用糾結了, 我感覺是老師在我們不知道的情況下給index-menu下面的panel設置了高度。
2016-06-22 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

index-menu沒有高度,footer會移上來

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號