我有一个子导航,在每个子菜单项下都有一个底部边框,当我检查它在所有浏览器中是否正常时,我注意到底部边框在 IE7 中文本结束的地方停止了。
这是我的CSS
.subnav_wrapper_ul {
background: none repeat scroll 0 0 #00AEEF;
font-size: 13px !important;
position: absolute;
top: 34px;
z-index: 1000;
}
.header-wrapper .main-nav li {
float: left;
list-style: none outside none;
position: relative;
white-space: nowrap;
z-index: 1000;
}
.subnav_wrapper_ul li {
border-bottom: 1px dotted #FFFFFF;
float: none !important;
padding: 0;
width: 100%;
}
如果你还需要什么,请告诉我
最佳答案
将 border-bottom css 属性赋予 ul 元素,而不是单独的 li 元素。
.subnav_wrapper_ul {
background: none repeat scroll 0 0 #00AEEF;
font-size: 13px !important;
position: absolute;
top: 34px;
z-index: 1000;
border-bottom: 1px dotted #FFFFFF;
}
关于css - 边界底部没有完全跨越,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21904316/