html - 我怎样才能使这个菜单居中并有边框,同时在浏览器调整大小时仍然有效?

标签 html css

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

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

最佳答案

为您的 <body> 赋予宽度或外容器并使用 <ul> 的百分比值宽度而不是固定宽度。

body {
background-color:black;
width:1015px;
}
#nav {
border:2px solid #FF0000;
display:block;
height:37px;
margin:0 auto;
padding:0;
width:100%;
}

关于html - 我怎样才能使这个菜单居中并有边框,同时在浏览器调整大小时仍然有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4306709/

相关文章:

javascript - Vue.js 选择具有特定类名的最接近的 div

javascript - 我如何从居中 div 中的可移动 div 获得左侧位置的安全规范?

html - 用于按属性存在排除的 CSS 选择器

javascript - 有没有办法获取并显示网站上所有资源的文件大小? (img、.css、.js 等)

css - 如何在css sprite hover上制作过渡效果

javascript - 无法删除的输入字段中的文本

javascript - 在 firefox os 中使用屏幕方向调整文本区域的大小

jquery - 如何让视频全屏

css - 使用位置 :fixed 定位 div 的底部

html - 图像上的 Safari 绝对位置问题