所以我将这个水平菜单栏放在一个页面上,完全用CSS设置样式,每当放大或缩小时,边框将比包含的元素更宽或强制最后一个元素下移到下一行。如何更改此设置以便在浏览器缩放时工作正常?
可以在http://fullforcespiritwear.com/example.html找到相关的html文件,css为http://fullforcespiritwear.com/ex.css。
答案 0 :(得分:0)
为您的<body>
或外部容器指定宽度,并使用<ul>
宽度的百分比值而不是固定宽度。
body {
background-color:black;
width:1015px;
}
#nav {
border:2px solid #FF0000;
display:block;
height:37px;
margin:0 auto;
padding:0;
width:100%;
}
答案 1 :(得分:0)
快速妥协解决:从a中删除px中的硬宽度,并将百分比中的流体宽度添加到li:http://www.jsfiddle.net/pereskokov/eMPCD/。
修改:新版,甜蜜版和酷版:http://www.jsfiddle.net/pereskokov/eMPCD/1/