?<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貢獻211條經驗 獲得超152個贊
做這種導航 導航字體個數不一樣時，最好不要寫死標簽的寬度width，
也就是a標簽的width，不然會出現換行的情況
至于你說
每當我瀏覽器橫向縮小到一定程度，那個退出鍵總會被擠到第二行
這個是必然的，你把瀏覽器寬度縮小到很小的時候，就全部一行一行單個的字了
解決方法：
ul元素的CSS給一個寬度或者最小的寬度值即可
ul{
????????????min-width:800px;
????????????list-style: none;????????
}
如果正確，望采納
- 1 回答
- 0 關注
- 1368 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消