Javascript 上级部门的百分比?

Javascript 上级部门的百分比?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个930px宽的水平菜单,在上延伸到页面的整个宽度。更改此选项: .main-header .main-menu-wrapper .item a { padding: 42px 0; } 为此: .main-header .main-menu-wrapper .item a { display: block; } 这将使您的锚点填充到其父锚点的宽度(li元素) 那些li的表格单元格显示将使浏览器计算每个项目的适当宽度。根据标题的长度,甚至可能是浏览器/版本,这些宽度可能

我有一个930px宽的水平菜单,在上延伸到页面的整个宽度。更改此选项:

.main-header .main-menu-wrapper .item a {
    padding: 42px 0;
}
为此:

.main-header .main-menu-wrapper .item a {
    display: block;
}
这将使您的锚点填充到其父锚点的宽度(
li
元素)

那些
li
表格单元格
显示将使浏览器计算每个项目的适当宽度。根据标题的长度,甚至可能是浏览器/版本,这些宽度可能会有一点变化,但我不会太担心这一点。响应并不总是像素完美。不管怎样,你都会得到一个很好的元素划分,锚定会填满整个li的宽度,使整个菜单区域都可以点击

附言:

  • 正式地说,您必须在CMS和Frameworky中以
    的形式编写
  • 如果实现了其中一个技巧,则不需要“clear”div 此处描述:
.main-header .main-menu-wrapper .item a {
    padding: 42px 0;
}
.main-header .main-menu-wrapper .item a {
    display: block;
}