例如：我用float:left做了一个一行的导航条，全屏时候，还能显示成一行，可缩小浏览器后，一行的浏览器就变成两行了。。。。如何解决
1、在【开始】→【运行】中输入： regedit→确定（或按回车键）之后，打开注册表编辑器。
2、依次打开：HKEY_CLASSES_ROOT→往下找.htm项（注意前面有英文状态的句号）。
3、HKEY_CLASSES_ROOT\.htm，这里的默认值是被修改的值。
4、应该将默认的数值数据修改成：htmlfile 再按确定。
5、继续找到：htmlfile\ShellEx\IconHandler路径，确保右边窗口的默认中的数值数据为： {42042206-2D85-11D3-8CFF-005004838597} 。
6、打开Internet 属性→程序→设为默认浏览器→确定即可。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2014-04-14
可能是没有定义宽度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<style type="text/css">
*{ margin:0px; padding:0px;}
.s_one{ width:1000px; height:30px; margin:0px auto}
.s_one ul li{ display:block; float:left; padding:10px 20px; background-color:#F00}
</style>
</head>
<body>
<div class="s_one">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
</ul>
</div>
</body>
</html>追问
定义谁的宽度？
本回答被网友采纳第2个回答 2017-08-23
不要使用相对于浏览器窗口的绝对定位&固定定位就好，如果一定要用，那就必然会有这个问题的。
第3个回答 2017-09-01
您好，位置变形是因为父元素百分比宽，而变形元素定宽引起的，根据您的问题，可以有以下几种方式解决：
将变形元素的宽也用百分比设置；
将父元素用定宽；
制作响应式：@media；
希望能够帮到您。
第4个回答 推荐于2017-12-20
改变浏览器窗口大小<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
缩放页面无法解决本回答被网友采纳
缩放页面无法解决本回答被网友采纳
