如何在浏览器调整大小时仍然可以使这个菜单居中和边界?

时间:2010-11-29 18:17:37

标签: html css

所以我将这个水平菜单栏放在一个页面上,完全用CSS设置样式,每当放大或缩小时,边框将比包含的元素更宽或强制最后一个元素下移到下一行。如何更改此设置以便在浏览器缩放时工作正常?

可以在http://fullforcespiritwear.com/example.html找到相关的html文件,css为http://fullforcespiritwear.com/ex.css

2 个答案:

答案 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/