我想用CSS3寫個下拉的組件<nav>
????<ul>
????????<li><a?href="">主頁</a></li>
????????<li><a?href="">新聞</a></li>
????????<div?class="dropdown">
????????????<li><a?href="">下拉菜單</a></li>
????????????<div?class="dropdown-content">
????????????????<ul>
????????????????????<li><a?href="">鏈接1</a></li>
????????????????????<li><a?href="">鏈接2</a></li>
????????????????????<li><a?href="">鏈接3</a></li>
????????????????</ul>
????????????</div>
????????</div>
????</ul>
</nav>body{
????margin:?0px;
????padding:?0px;
}
nav{
????background:?rgb(51,?51,?51);
????height:?60px;
}
nav?ul?li{
????list-style:?none;
????padding:?0px;
????margin:?0px;
}
nav?ul{
????padding:?0px;
????margin:?0px;
}
nav>ul>li>a,?.dropdown>li>a{
????color:?white;
????font-size:?20px;
????text-decoration:?none;
????display:?inline;
????line-height:?60px;
????float:?left;
????margin-left:?40px;
????text-align:?center;
????width:?80px;
}
.dropdown{
????position:?relative;
}
.dropdown-content>ul>li>a{
????color:?black;
????font-size:?20px;
????text-decoration:?none;
}
.dropdown-content{
????position:?absolute;
????top:?60px;
????right:?0px;
}為什么<a>有高度，<li><ul>都沒有高度？DOM不會根據里層的元素確定外層元素的寬高嗎？
元素沒有高度
慕先生4543078
2017-06-20 17:55:31
