CSS常见的三种布局模型 流动(flow)、浮动(float)、层模型(layer)

2024年04月08日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客


1.流动模型(Flow)

在网页没有设置css样式时的布局模型,html元素根据自身的特性显示在网页中,块元素自上而下排列,内联元素在一行逐个进行显示。


2.浮动模型(Float)

对于块元素:脱离正常的文档流,不占据空间,在一行逐个进行显示。

对于内联元素:可以设置宽、高、margin、padding 等属性。


3.层模型(Layer)

定位布局

语法:

position: static  |  absolute  |  relative  |  fixed;


本文链接:http://so.lmcjl.com/news/1447/

展开阅读全文
相关内容