首页 前端知识 css网页布局之浮动及其实战案例(超详细)

css网页布局之浮动及其实战案例(超详细)

2025-03-04 10:03:36 前端知识 前端哥 781 331 我要收藏

所谓的标准流:就是标签按照规定好默认方式排列。

  • 块级元素会独占一行,从上向下顺字排列。常用元素: div 、 hr 、 p 、h1~h6、 ul 、 ol 、 dl 、 form 、 table

  • 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。常用元素: span 、 a 、 i 、 em 等

以上都是标准流布局,标准流是最基本的布局方式。

注意:实际开发中,一个页面基本都包含了三种布局方式。

🌴浮动


🌳为什么需要浮动?

提问:我们用标准流能很方便的实现如下效果吗?

如何让多个块级盒子( div )水平排列成一行?

在这里插入图片描述

看下面:

Document
转载请注明出处或者链接地址:https://www.qianduange.cn//article/22541.html
标签
评论
发布的文章

图论-腐烂的橘子

2025-03-04 11:03:06

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!