二級下拉菜單下沉,大神進(jìn)來看看
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>等分按鈕</title> <link?rel="stylesheet"?> <link?rel="stylesheet"?href="style.css"> <style> ????body{ ????????margin-left:150px; ????????margin-top:200px; ????} </style> </head> <body> <ul?class="nav?nav-pills"> ????<li?class="active"><a?href="##">首頁</a></li> ????<li?class="dropdown"> ????????<a?href="##"?class="dropdown-toggle"?data-toggle="dropdown">教程<span?class="caret"></span></a> ????????<ul?class="dropdown-menu"> ????????????<li><a?href="##">CSS3</a></li> ????????????<li><a?href="##">Sass</a></li> ????????????<li><a?href="##">jQuery</a></li> ????????????<li><a?href="##">Responsive</li> ????????</ul> ????</li> ????<li?class="dropdown"> ?????????<a?href="##"?class="dropdown-toggle"?data-toggle="dropdown">關(guān)于我們<span?class="caret"></span></a> ????????<ul?class="dropdown-menu"> ????????????<li><a?href="">Java</a></li> ????????????<li?class="nav-divider"></li> ????????????<li><a?href="">C#</a></li> ????????????<li><a?href="">C++</a></li> ????????????<li><a?href="">PHP</a></li> ????????</ul> ????</li> </ul> <script?src="http://img1.sycdn.imooc.com//down/53c6484f00013d9300000000.js"></script> <script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>? </body> </html>
二級菜單一樣的代碼為什么《關(guān)于我們》那一列卻下沉了呢?
2016-12-28
為什么少了結(jié)束標(biāo)簽會出錯(cuò),如果沒有結(jié)束標(biāo)簽瀏覽器會怎么認(rèn)為解析
2016-12-18
我知道錯(cuò)哪里了,“<li><a?href="##">Responsive</li>”這句代碼里面的<a>標(biāo)簽少了結(jié)束標(biāo)簽。加上</a>問題就解了。
再一次被自己智商打敗了。。。
2016-12-17
<li>--這里不需要加類,如果需要點(diǎn)擊效果另說 不需要dropdown
????????<a?href="##"?class="dropdown-toggle"?data-toggle="dropdown">教程<span?class="caret"></span></a>
????????<ul?class="dropdown-menu">
????????????<li><a?href="##">CSS3</a></li>
????????????<li><a?href="##">Sass</a></li>
????????????<li><a?href="##">jQuery</a></li>
????????????<li><a?href="##">Responsive</li>
????????</ul>
????</li>
2016-12-12
全屏顯示看看