百变鹏仔-专注前端行业精选
CSS常见的三种布局模型 流动(flow)、浮动(float)、层模型(layer)
作者:鹏仔先生 日期:2020-06-02 14:40:22 浏览:3426 分类:CSS
1.流动模型(Flow)
在网页没有设置css样式时的布局模型,html元素根据自身的特性显示在网页中,块元素自上而下排列,内联元素在一行逐个进行显示。
2.浮动模型(Float)
对于块元素:脱离正常的文档流,不占据空间,在一行逐个进行显示。
对于内联元素:可以设置宽、高、margin、padding 等属性。
3.层模型(Layer)
定位布局
语法:
position: static | absolute | relative | fixed;
猜你还喜欢
- 04-24 简单实现文字两端对齐
- 04-24 检测图片URL是否失效
- 04-24 elemetui中el-date-picker限制开始结束日期只能选择当月
- 04-24 iview中DatePicker时间段选择限制开始结束日期只能选择当月
- 03-24 vue h5实现车牌号输入框
- 11-01 vue中实现代码高亮
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报