?<style type="text/css">??????? *{??????????? margin:0px;??????????? padding: 0px;??????? }??????? ul{??????????? list-style: none;??????? }??????? li{??????????? float: left;??????????? margin-right: ??????? }??????? a{??????????? display: block;??????????? text-decoration: none;??????????? height: 45px;??????????? width:30px;??????????? line-height: 40px;??????????? text-align: center;??????????? background: #000;??????????? color: #fff;??????? }??????? #dh{??????????? height: 45px;??????????? width: 100%;??????????? background: #000;??????????? position: fixed;??????????? top: 0px;??????????? left: 0px;??????? }??????? #th{??????????? margin-right: 30px;??????? }??????? #py{??????????? margin-left: 400px;??????? }??? </style></head><body>??? <div id="dh">??????? <div id="py">??????????? <ul>??????????????? <li><a href="#">HTML</a></li>??????????????? <li><a href="#">CSS</a></li>??????????????? <li><a href="#">Linux</a></li>??????????????? <li><a href="#">php</a></li>??????????? </ul>??????????? <ul>??????????????? <li id="th"><a href="#">退出</a></li>??????????? </ul>??????? </div>??? </div>
1 回答
已采納
woshiajuana
TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊
做這種導(dǎo)航 導(dǎo)航字體個(gè)數(shù)不一樣時(shí)，最好不要寫死標(biāo)簽的寬度width，
也就是a標(biāo)簽的width，不然會(huì)出現(xiàn)換行的情況
至于你說
每當(dāng)我瀏覽器橫向縮小到一定程度，那個(gè)退出鍵總會(huì)被擠到第二行
這個(gè)是必然的，你把瀏覽器寬度縮小到很小的時(shí)候，就全部一行一行單個(gè)的字了
解決方法：
ul元素的CSS給一個(gè)寬度或者最小的寬度值即可
ul{
????????????min-width:800px;
????????????list-style: none;????????
}
如果正確，望采納
添加回答
舉報(bào)
0/150
提交
取消