<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 关注
- 1298 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消