定位的伪不适用于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*/
}

完全混淆了我的标签菜单布局 添加了doctype。如果我删除该语句或设置right:0;，则修复所有内容并保留doctype。然而，存在一个小问题，将右图像移动到右边的10个像素是使我的＆＃34;关闭门＆＃34;技术工作。这是因为右侧滑动门具有透明背景，并且当门被关闭时＃34;正确的转变显然不会让透明度被左门遮挡。希望能够更好地描述下面的图片。

蓝色边框是右门，红色是 li 元素，绿色是 ul 元素。第二张图显示了正确的移位：after after。有没有办法解决这个问题，或者有人知道一个简单的技术吗？ html代码在上面的上一个问题中。提前谢谢！

Answer 1

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

Answer 2

在CSS中，您必须使用单位测量。您可以在要使用的案例中使用各种测量值：right: 10px;

另一方面，Doctypes很重要，同时也不重要。它们以正确的方式帮助浏览器为您的HTML服务。因此，请务必了解您正在编写的（X）HTML语言的标准，以避免出现奇怪的怪癖。