标签：back his 按钮 一个 计算 orm 变化 ram obj
最近，在码代码的时候，就是下面的这段代码，我犯了一个很不起眼，但犯了就致命的BUG。
<body> <p> <ol> <li>Hello</li> </ol> </p> <div>How are you?</div> </body> <script src="jquery-3.1.1.js"></script> <script> var result= $("p").filter(function(index) { console.log($("ol", this).length== 0) return $("ol", this).length == 0; }); </script>
因为只要你犯了，估计检查半天都找不出。我可是费了老劲，才发现是<p>和<ol>嵌套的问题。但是两个不都是块级元素，难道不能嵌套么？而且最后的结果居然是自动补全了两个</p>标签。
它涉及到了块级元素和内联元素的嵌套问题。这是一个特别容易被我们遗忘的知识点！！！现在就来让我给你们补一下课也给我自己加深一下印象~
1、块级元素（block）、内联元素（inline）和可变元素（inline-block）的定义和区别
2、各类具体包含明细
3、嵌套规则和某些特殊标签
定义和区别
内联元素一般用来在网站内容中的某些细节或者部位，用以“强调、区分样式、上标、下标、锚点”等等。
它们可以互相转换。display:inline|block
各类具体包含明细
嵌套规则和某些特殊标签
1、块状元素可包含内联元素或某些块元素，但内联元素不可包含块元素，只能包含内联元素。
2、块级元素不能放在<p>里面
3、有几个特殊块级元素只能包含内联元素，不能包含块级元素。这几个特殊标签是 h1~h6、p、dt
4、li 内可包含 div 标签
5、块级元素与块级元素并列、内联元素与内联元素并列
<p></p>标签为什么不能包含块级标签?还有哪些特殊标签？
标签：back his 按钮 一个 计算 orm 变化 ram obj
原文地址：http://www.cnblogs.com/roashley/p/7801999.html
