相关疑难解决方法(0)

我只是无法设置a导航元素的高度和宽度.

#header div#snav div a{
    width:150px;
    height:77px;
}

#header div#snav div a:link{
    width:150px;
    height:77px;
}


#header div#snav div a:hover{
    height:77px;
    background:#eff1de;
}

我有什么想法我做错了吗？

因此,请查看我在Chrome开发者工具中使用的页面的屏幕截图:

http://www.madingley.org/uploaded/devtools.png

"匹配的CSS规则"中的最高规则表明元素的宽度应为160px.

但在"计算样式"中,宽度实际上是0px.

如果单击"0px",它会再次显示建议宽度应为160px的规则.但事实并非如此.

这是怎么回事？什么是将宽度设置为0px而无法访问Chrome开发者工具？

我该如何调试呢？

为什么CSS统治

a {
  word-wrap: break-word;
}

和

<div>
  <a href="...">verylongurlherewithnospaces</a>
</div>

不换行并导致窗口显示滚动条，而

div {
  word-wrap: break-word;
}

其锚点子文本的换行效果好吗​​？

更新：刚刚注意到（当您调整窗口大小时，请参阅此表单 中的 L3ST-instance URL 字段）除了建议的 display:inline-block 之外，我还需要 word-break:break-all 而不是 word-wrap:break-word，所以现在使用：

a
{
  word-break: break-all !important; /* make sure containers don't override */
  display: inline-block !important;
}

效果很好