我正在尝试使用以下 HTML 标记进行简单的垂直导航:
<ul>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
尽管有display: block;
在两个<li>
and <a>
元素,IE7 似乎不尊重包含 div 的完整宽度。对这个有什么想法吗?
http://jsfiddle.net/6eKGL/ http://jsfiddle.net/6eKGL/
UPDATE
我现在认为这个问题与position
容器 div 的属性以及其宽度由容器内的内容决定的事实<a>
元素。
这是解决 IE-7 问题的更新小提琴。http://jsfiddle.net/6eKGL/35/ http://jsfiddle.net/6eKGL/35/
Demo: http://jsfiddle.net/6eKGL/35/embedded/result http://jsfiddle.net/6eKGL/35/embedded/result
CSS:
#ajax-search ul li a {
display: block;
/*min-width: 150px;*/ // Remove this rule and the IE-7 will start respecting the display block
padding: 9px 18px;
}
请参阅下面的 IE-7 截图
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)