三种布局模型:
1.flow 标准流布局
2.float 浮动布局
3.layer 层叠布局
关于(flow) 标准流布局
浏览器默认的布局方式就是标准流布局。对于标准流布局下的的块元素和行内元素的特点:
块元素:
1.独占一行
2.可设置宽高 边距
3.默认宽度是100%
行内元素:
1.不占一行
2.宽度 高度 上边距和下边距不可以设置
3.大小是根据内容自动设定,不可修改
在这个地方:
1.块元素如果不设置宽高,块元素的宽高会根据内容自动调整
2.行内元素只根据内容来占用浏览器的内容空间,而不是根据行内元素的盒子的大小,实际上对行内元素进行盒子模型的相关设置是没有多大意义的
例子: