千锋教育-做有情怀、有良心、有品质的职业教育机构

加关注领取全套视频

关注千锋学习站小程序
随时随地免费学习课程

北京(总部)

A - N

北京｜大连｜广州｜成都｜杭州｜长沙｜哈尔滨｜合肥｜贵阳｜南京｜济南

O - Z

上海｜深圳｜武汉｜郑州｜西安｜青岛｜重庆｜太原｜沈阳｜南昌

400-811-9990

首页 品质课程 教研师资 校企服务 技术干货行业资讯职场就业面试题问答库 关于千锋

当前位置：首页 > 关于学院 > 技术干货 > html5技术干货 > 正文

脱离布局流有几种方法？

来源：千锋教育

发布时间：2023-03-07 16:59:26

分享

　　- 常见的有浮动和定位

　　- 第一种:浮动布局(float)浮动一般用于让块级元素排成一行在同一行显示任何元素都可浮动，如一个元素设置为浮动元素，浮动元素无论最初是什么都会变成一个行块级元素，拥有disolay：inline-block属性

　　- 第二种:定位布局(position) 定位中的absolute绝对定位可以让元素脱离文档流的如果父级有定位属性就相对于父级定位如果父级没有就会一直往上级查找直至浏览器 - 脱离文档流布局的缺点初始位置不存在就会破坏网页布局

声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。

上一篇

设置元素显示隐藏的几种方式与区别？

下一篇

padding-top: 50%的效果，margin-top: 50%的效果

学习资源站

免费全套视频教程
企业实战项目源码
大厂笔试真题题库
行业前瞻发展趋势

千锋动态

更多 >

千锋教育喜获学科网“2023年度新锐突破奖”，展现卓越课程实力千锋教育重磅发布鸿蒙生态应用开发学习路线图千锋教育HarmonyOS极速入门训练营圆满结营！关于举办2024年技术赋能教学—全国高校“双师型”IT骨干教师寒假高级研修班的通知 “我的青春在千锋——2023“千锋杯”短视频大赛“获奖名单公布千锋正式成立鸿蒙生态教研院，强力助推学员就业！千锋郑州分校2023年冬季IT专场招聘会高效促就业！千锋教育2023冬季招聘会安排官宣 | 千锋教育重磅推出鸿蒙生态开发就业班千锋教育杭州校区助推职业教育发展,许然校长寄语未来

最新问答资讯

更多 >

unity用什么编程语言?unity学习难度大吗 python容易学吗?学好python有什么好处? html是什么语言?html学习难吗? c语言难学吗?c语言学好要多久? ui设计主要学什么内容?自学ui设计难度大吗? 学好平面设计要多久?报速成班靠谱吗? 抖音小店怎么直播带货?从哪儿学靠谱? 抖音如何隐藏关注的人?抖音小店怎么运营? 前端技术有哪些? 计算机前端和后端区别，到底该学哪一个?

相关推荐

vue配置跨域怎么操作 Vue配置跨域的操作非常简单。在Vue项目中，我们可以通过配置webpack来实现跨域请求。在Vue项目的根目录下找到config文件夹，然后打开index.js文件。在该文件中，我们可以找到一个名为

npm包管理工具有什么用途？ npm（NodePackageManager）是JavaScript生态系统中最常用的包管理工具。它是随同Node.js安装的，默认包含在Node.js的安装包中。npm允许开发者轻松地安装、更新、卸

vue事件修饰符有哪些？在Vue.js中，事件修饰符是一种用于修改事件触发行为的特殊修饰符。以下是常用的事件修饰符：1.`.stop`：阻止事件继续传播，即阻止事件冒泡。2.`.prevent`：阻止事件默认行为。3.`.c

vue路由守卫有哪些？在Vue.js中，路由守卫是一种用于控制导航的机制，它允许您在路由切换前后执行相应的操作。VueRouter提供了三种类型的路由守卫：1.全局前置守卫(GlobalBeforeGuards):-`be

css绝对定位和相对定位 CSS中的绝对定位（absolutepositioning）和相对定位（relativepositioning）是用于控制元素在页面布局中的位置的两种常见定位方式。1.绝对定位（absolutepos

npm安装less用法介绍 npm（NodePackageManager）是Node.js的包管理器，它允许您安装、管理和共享JavaScript模块。要安装和使用Less（一种CSS预处理器），您可以按照以下步骤进行操作：1.

- 千锋学习资源站 -

免费全套视频教程大厂笔试真题题库企业实战项目源码行业前瞻发展趋势

Hello ~

限时学习福利
一键扫码领取

申请线下免费试学

提交领取