盒子模型与布局模型
Posted 冰域
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了盒子模型与布局模型相关的知识，希望对你有一定的参考价值。
外边距:margin
边框:border
内填充:padding
内容:content
三种基本布局模型
流动模型:Flow html默认的就是流动模型
浮动模型:Float 通过float浮动让多个块元素一行
层模型:Layer
绝对定位 position: absolute; 脱离文档流，通过left，right，top,bottom属性相对于具有定位属性的父元素进行绝对定位，如果没有则相对于body，即浏览器窗口
相对定位 position: relative; 首先按static和float方式生成一个元素，并且元素像层一样浮动起来，相对于以前的位置移动，偏移前位置保留不动
固定定位 position: fixed; 相对于视图窗口偏移，固定在屏幕中视图中的某个位置
以上是关于盒子模型与布局模型的主要内容，如果未能解决你的问题，请参考以下文章