浅谈块级元素和内联元素的嵌套规则

标签：

块级元素的特点：每一个块级元素都是从一个新行开始显示，其后的元素需另起一行

常见：

　　块级元素：h1,h2,h3,h4,h5,h6,hr,div,fielset,form,dl,address,ol,p,table,ul,pre等

　　内联元素：a,b,br,em,i,img,input,strong,textarea,span,label等

注意：两者可相互转换：display：inline|block

嵌套规则：

1、块级元素里可包含内联元素和某些块级元素，但内联元素不能包含块级元素，只能包含其他内联元素

2、块级元素不能放在p里面（经典问题：p里面不能嵌套div）

3、有几个块级元素只能包含内联元素，不能包含块级元素的。如h1,h2,h3,h4,h5,h6,p,dt

4、li里面可以包含div

——摘抄于http://zhangyaochun.iteye.com/blog/1303840

浅谈块级元素和内联元素的嵌套规则

标签：

原文地址：http://www.cnblogs.com/dragonlong/p/4544373.html