#header{width:100%;?overflow:hidden;}
.logo{width:100%;?height:80px;?line-height:80px;?font-size:30px;?font-family:"微軟雅黑";?background:#3399cc;?color:#fff;?text-indent:30px;}
.nav{width:100%;?margin-top:10px;}
.nav?li{margin:0?32px;?float:left;}
.nav?li?a{color:#7f7f7f;?font-size:16px;?display:block;?padding-bottom:2px;}
.nav?li?a:hover{border-bottom:3px?solid?#cc0000;?text-decoration:none;}
.nav?li.current{border-bottom:3px?solid?#cc0000;}
.nav?li.current?a:hover{border-bottom:none;}<div?id="header">
<div?class="logo">前端開發教程</div>
<div?class="nav">
<ul>
<li?class="current"><a?href="#">CSS</a></li>
<li><a?href="#">HTML</a></li>
<li><a?href="#">JavaScript</a></li>
<li><a?href="#">jQuery</a></li>
<li><a?href="#">Ajax</a></li>
</ul>
</div>
</div>請問這里的ul沒有overflow高度為0 nav沒有overflow 高度也為0?為什么這里header的高度卻為113??header的高度是不是應該等于logo+nav? 那么nav為0?高度為什么不是80呢?求解 謝謝
1 回答

西地錦
TA貢獻9條經驗 獲得超1個贊
li設置了浮動,脫離了標準的文檔流,父元素ul就不能被li給撐開了。這個問題的具體原理我是不太懂,只知道是這么回事。網上有很多大神說個這方面的東西,你可以自己找找。
- 1 回答
- 0 關注
- 1310 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消