CSS 高度的 DOCTYPE 问题答案

【问题标题】：DOCTYPE issue with CSS heightCSS 高度的 DOCTYPE 问题
【发布时间】：2015-04-15 17:17:45
【问题描述】：

问题是我工作太快忘记添加 DOCTYPE 声明，现在我添加它，我的网站变得一团糟，这就是例子：

<div class="container" style="position:relative;">
    <div class="form-group" style="margin-top:20px">
        <div class="input-group">
            <div class="input-group-addon"><span class="glyphicon glyphicon-search"></span></div>
            <input type="text" class="form-control" placeholder="Task Filter" id="task_filter">
        </div>
    </div>
    <hr>
    <div style="overflow-y:scroll;overflow-x:scroll;width:100%;padding:1%;height:50%;border:solid 1px #cdcdcd" id="task_card_container">
    </div>
</div>

有很多这样的元素，所以我不能只是开始重新设计整个 HTML，我需要一种方法让这段代码像在 Quirks 模式下一样显示，但需要正确的 DOCTYPE 声明。

【问题讨论】：

你把文档类型放在哪里？
Adding doctype for html5 (or any doctype) breaks my site 的可能重复项
@cssGEEK — 在正确的位置，否则它不会改变页面的呈现方式。
既然您说您有许多具有相似行为的元素 - 那么重新设计 HTML 可能不会花那么长时间？也许你可以设置容器的高度？如果没有任何帮助，也许您可以选择 JS 解决方案？
@Olga 你说得对，这就是我所做的，但是我花了 1 个小时，而且，你知道在工作中必须快速工作，也许我不会忘记 doctype如果不是因为工作太快。

标签： css html doctype

【解决方案1】：

您将 doctype 放在哪里？因为那应该像这样放在页面顶部：

<!DOCTYPE html>
<!-- Rest of code here -->

希望这会有所帮助。没有就回来吧。

【讨论】：

问题说没有Doctype，后来添加了一个。如果它被添加到错误的位置，那么它不会对 CSS 渲染产生影响。
是的，所以我告诉他在顶部添加DOCTYPE减速。但如果 CSS 渲染错误，他需要添加其他内容
正如我之前的评论所说，Doctype 已添加到顶部。 CSS渲染没有错。 CSS 渲染错误。问题是如何重新创建（在标准模式下）依赖于 bug 怪癖更多渲染的效果。