这一串代码里为什么height要是50px??

ken***

导航菜单

*{margin:0; padding:0; font-size:14px;}
a{color:#333;text-decoration:none}
.nav{list-style:none; height:30px; border-bottom:10px solid #F60; margin-top:20px; padding-left:50px;border-radius: 15px 15px 0px 0px;}
.nav li{float:left}
.nav li a{display:block; height:30px;text-align:center; line-height:30px; width:120px; background:url(http://img1.sycdn.imooc.com/53846438000168f901200060.jpg); margin-left:1px;}
.nav li a.on, .nav li a:hover{ background-position:0px 30px; color:#fff;}

我本来的理解是这样，，height是那种没有CSS样式的设置的高度。
但是每个文字就是14px,累加在一起5行就是70px.所以ul的高不是应该设置height:70px+吗。。。。真的晕- -

敏***

被margin撑大了高度

Tony***

好吧你高度设的30px 父级还有margin-top:20px 还有 14px 的字不代表就占14px的高度，其实你想知道需要多高，不用家高度就行会自动撑开

已有账号？

找人解决需求

这一串代码里为什么height要是50px??

全部参与2

热门问答

ken***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端