css链接没有使所有的文本链接?
答
编辑在我的答案之前在我的最后一段(在
如果添加:
ul li a {
display: inline-block;
width: 100%;
height: 100%;
}
它应该工作正常,并且因为即使IE允许display: inline-block;
上本地在线元件应该是比较跨浏览器友好的(当然下一个有效的doctype)。
值得记住的父li
是padding
也会减少孩子a
元素的可能的宽度,并于同父li
的display: inline
也可能给你带来一个小麻烦(因为display: block;
在a
会更简单)。
编辑在我的答案之前在我的最后一段(在
hr
之上)注意到
@Chris Bentley correctly noted the points。
答
删除从子菜单的UL和LI填充和给A元素“显示:块”这将使得A元素占用菜单的整个宽度。
你可以摆弄填充以达到你想要的样子。
答
做如下修改:
在#headermenu li
变化padding:20px;
到padding :0 20px;
添加删除top:55px;
从#headermenu li ul
答
你可以做的是让li元素display:list-item
和一个元素display:block
。这就是您要链接到的网站上正在做的事情。
他有LI设置显示:内联,所以把一个块元素在那里会毁了一切。 – Robusto 2010-11-06 13:48:05
感谢@Robusto。 ..并移除显示:从LI内联。 – 2010-11-06 13:53:44
总是有'display:inline-block;'的情况,既不内联也不阻止你所需要的。 – Spudley 2010-11-06 14:09:15