定位伪不适用于Doctype

Question

从我之前的问题：Adding Doctype Destroys Layout中，我发现right:-10;语句在：

#nav li:after {
    width:10px;
    content:"";
    background: url('tabRight.png');
    position:absolute;
    height:100%;
    top:0;
    right:-10;  /*HERE*/
}

完全混乱了我的选项卡菜单布局与，一个新增的文档类型。如果删除该语句或设置right:0;，则一切都是固定的，并且文档类型保持不变。然而，有一个小问题，将正确的图像移到正确的10像素是使我的“关闭门”技术有效的原因。这是因为右边的滑动门有一个透明的背景，当门被“关闭”时，右移显然不让透明被左边的门遮住。下面的图片希望能更好地描述事情。

​

​

蓝色边框是右边的门，红色是li元素，绿色是ul元素。第二张图片显示了右移位与:后伪。有什么方法可以解决这个问题吗?或者有人知道一个简单的技巧吗？html代码在我前面的问题中。提前感谢！

Answer 1

在标准模式下需要单位。使用right: -10px;。

Answer 2

在CSS中，您必须使用单元度量。在您想要使用的情况下，您可以使用多种度量：right: 10px;

另外，文档类型是重要的，而不是同时重要的。它们以正确的方式帮助浏览器服务器您的HTML。因此，一定要知道您正在编写的(X)HTML语言的标准，以避免出现奇怪的怪癖。