带有CSS高度的DOCTYPE问题
问题是我工作得太快,以至于忘记添加DOCTYPE声明,现在我添加了它,我的网站变得一团糟,以下是示例:带有CSS高度的DOCTYPE问题,css,html,doctype,Css,Html,Doctype,问题是我工作得太快,以至于忘记添加DOCTYPE声明,现在我添加了它,我的网站变得一团糟,以下是示例: <div class="container" style="position:relative;"> <div class="form-group" style="margin-top:20px"> <div class="input-group"> <div class="input-group-add
<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,我需要一种方式让这段代码以怪癖模式显示,但要有一个正确的DOCTYPE声明。你把DOCTYPE放在哪里?因为这应该放在页面顶部,就像这样:
<!DOCTYPE html>
<!-- Rest of code here -->
希望这有帮助。如果没有,请返回。您将doctype放在何处?可能是@cssGEEK的副本-放在正确的位置,因为否则它不会改变页面的呈现方式。既然您说您有许多具有类似行为的元素-那么重新设计HTML可能不会花那么长时间?也许你可以设置集装箱的高度?如果没有任何帮助,也许你可以选择JS解决方案?@Olga你是对的,我就是这么做的,但是我花了1个小时,而且,你知道,在一份工作中,一个人必须工作得快,如果不是因为工作太快,也许我不会忘记doctype。问题是没有doctype,后来添加了一个。如果它被添加到错误的位置,那么它不会对CSS呈现造成任何影响。是的,所以我告诉他在顶部添加DOCTYPE。但是如果CSS呈现错误,他需要添加其他内容。正如我之前的评论所说,Doctype被添加到顶部。CSS呈现没有错。CSS呈现错误。问题是如何(在标准模式下)重新创建依赖于buggy怪癖的效果。