学习笔记
- 内联元素不能包含块元素，它只能包含其它的内联元素。可以实验在chrome中内联元素嵌套快元素，内联元素都没有高度，但是在firefox中内联元素是有高度的。其实a标签作为一个内联标签还是可以嵌套块级元素的，只不过在chrome浏览器中看不到内联元素的高度，但是内联元素并不会没有高度，盒子模型显示内联元素显示宽高均为auto,但实际上还是有高度的，不信你在后面加一个div会发现它是排在后面的。我还是想知道真正的规范是怎么形容这块内容的。
内联元素嵌套块级元素
<div><h1></h1><p></p></div> —— 对
<a href=”#”><span></span></a> —— 对
<span><div></div></span> —— 错
- 块级元素不能放在<p>里面：
<p><ol><li></li></ol></p> —— 错
<p><div></div></p> —— 错
- 有几个特殊的块级元素只能包含内联元素，不能再包含块级元素，这几个特殊的标签是：
h1、h2、h3、h4、h5、h6、p、dt
块级元素与块级元素并列、内嵌元素与内嵌元素并列：
<div><h2></h2><p></p></div> —— 对
<div><a href=”#”></a><span></span></div> —— 对
<div><h2></h2><span></span></div> —— 错
