html – 添加Doctype销毁布局

我一直在制作选项卡菜单而不添加doctype语句.它在我的眼中完美地工作,但当我放置<！DOCTYPE HTML PUBLIC“ – // W3C // DTD XHTML 1.0 Transitional // EN”>或任何其他类型的Doctype,我的布局完全混乱.下面是三张描述的图片

1.)扩展窗口(没有doctype)

2.)合同窗口(没有doctype)

3.)合同规定的窗口(WITH doctype)

我正在使用：after伪后将“滑动门”的右侧放置在代码片段中：

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

我对Web开发很陌生,所以我不知道是什么导致了这一点.在这一点上的任何帮助将不胜感激.谢谢！

HTML：

编辑：
右：-10;造成了这个问题.如果我设置正确：0;布局恢复,但这使得“滑动门”对我不起作用.右侧滑动门的透明边缘在与左侧滑动门重叠时显示灰色背景,这不是我想要的.
最佳答案
没有doctype ==怪癖模式. quirks/strict modes中的布局行为有时会有很大差异.
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!