请选择 进入手机版 | 继续访问电脑版

css中有哪些常见的布局方式

[复制链接]
建宸网络 发表于 2020-8-1 16:47:52 来自手机 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
常见的几种布局方式:



固定布局

流式布局(自适应布局)

弹性布局(伸缩布局)

定位布局

浮动布局

响应式布局(媒体查询)

固定布局的固定说的是盒子的宽高都是固定的。margin,padding等。

流式布局的流式是指的盒子的宽高和margin,padding是百分比。所以也称为百分比布局。


有以下几点需要注意:

百分比是基于元素父级的大小计算得来的;

元素的水平或者竖直间距都是相对于父级的宽度计算的.(margin&padding)

边框不能用百分比设置

定位布局指的是,绝对定位和相对定位以及固定定位。

浮动定位是只float:left;和float:right;要记得清浮动。

本怎转载于php中文网:https://www.php.cn/css-tutorial-457024.html
2020073017340790313.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 最佳新人

    注册账号后积极发帖的会员
  • 活跃会员

    经常参与各类话题的讨论,发帖内容较有主见
  • 热心会员

    经常帮助其他会员答疑
  • 推广达人

    积极宣传本站,为本站带来更多注册会员
  • 宣传达人

    积极宣传本站,为本站带来更多的用户访问量
  • 灌水之王

    经常在论坛发帖,且发帖量较大
  • 突出贡献

    长期对论坛的繁荣而不断努力,或多次提出建设性意见
  • 优秀版主

    活跃且尽责职守的版主
  • 荣誉管理

    曾经为论坛做出突出贡献目前已离职的版主
  • 论坛元老

    为论坛做出突出贡献的会员

关注0

粉丝0

帖子437

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )