css布局模型
2016-09-29 10:43
204 查看
CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。
在网页中,元素有三种布局模型:
1、流动模型(Flow)
2、浮动模型 (Float)
3、层模型(Layer)
流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。
流动布局模型具有2个比较典型的特征:
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为100%。
内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)
相关文章推荐
- CSS Hack集结号
- 谈CSS的设计模式
- CSS清除浮动
- CSS—页面添加
- css盒模型
- css/css3常用收集/笔记
- 链式运动
- css中元素居中总结
- CSS-------position中absolute和relative的详解
- css 伪类和伪元素
- CSS学习笔记
- CSS学习笔记
- 前端js,css文件合并三种方式,bat命令
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- word_wrap、word_break和text-overflow的区别
- CSS3 Transform详解
- CSS设置input placeholder文本的样式
- Spinner样式大全
- 浅谈html引入css的几种方式
- 当页面内容不够的时候,怎么让footer一直底部显示?