为什么在火狐浏览器里面用CSS给层级设置的边框无法显示？

html-css015

为什么在火狐浏览器里面用CSS给层级设置的边框无法显示？,第1张

要想调试该问题最简单的办法就是在本该展示边框的位置右击，然后在弹出菜单选择“查看元素”。

之后会弹出developtools界面，找到“样式”标签，其会对应显示作用于该展示域的css样式属性及值。对于未生效的样式会辅以“删除线”，据此即可查明不显示的原因。

CSS里边#是对应用ID的，你的<div class="left"就应该改为div id="left"

或者把CSS的#nav.left{float:left}改为#left{float:left}

另外border{border:1px #003366 solid}

borderTop{margin-top:5px}这两句这么写也不对的，可以改为.border{border:1px #003366 solid}

然后再在你希望加边框的DIV上加上这个样式，如<div class="left border"

我看你.scroll ul li a{ display:blockborder:4px solid #980d2a}这里加了4像素边框，又看见你.scroll ul li{ float:leftwidth:216pxheight:128px}所以猜测你图片大小大概和这个是一样大，所以你添加一句

.scroll ul li a img{ display:blockwidth:208pxheight:120px}

因为你设置了4像素边框后，里面图片的宽高要相应的缩小8像素才对，不然就超出范围了