布局模型
来源:互联网 发布:视频消音软件手机 编辑:程序博客网 时间:2024/06/06 20:43
在网页中,元素有三种布局模型:
1、流动模型(Flow)
2、浮动模型 (Float)3、层模型(Layer)
流动布局模型具有2个比较典型的特征:
第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为100%。
第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)动模型
什么是层模型?
如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
层模型--相对定位
层模型--固定定位
Relative与Absolute组合使用
0 0
- 布局模型
- 布局模型
- 布局模型
- wxruby之布局模型
- c++对象模型 布局
- 【Web 前端】布局模型
- CSS的布局模型
- css基础-布局模型
- CSS布局模型
- CSS 布局模型
- CSS布局模型
- CSS布局模型
- 7.31css布局模型
- CSS布局模型
- CSS布局模型
- 【Html】css布局模型
- css布局模型
- CSS-布局模型
- Animation
- java多线程问题(下)
- [leetcode] 341. Flatten Nested List Iterator
- 【Android】【网络编程】网络协议,HTTP,TCP,Socket,Get,Post
- Android官方开发文档Training系列课程中文版:调用相机之控制相机
- 布局模型
- python list排序
- 深入理解Lock
- LeetCode *** 55. Jump Game
- MongoDB数据库安装图解
- 多表连接查询
- Android中JavaScript和Native之间的Bridge
- 树形查询sql
- 【Spring实战】—— 14 传统的JDBC实现的DAO插入和读取