分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

css的基本定位机制

发布时间:2023-09-06 01:13责任编辑:苏小强关键词:暂无标签

分为三种:普通流、浮动、绝对定位

普通流:默认,html文档的排列顺序块级从上到下(垂直距离由margin-top、margin-bottom决定);行内元素在一行中从左到右(由margin-left/right、padding-left/right调整水平距离) PS:相对定位属于其一部分

浮动:float元素存在占位,并未完全脱离文档流(普通流),脱离了父元素

绝对定位:彻底脱离普通流,所以它可以覆盖页面上的其他元素,可以通过设置Z-Iindex属性来控制这些框的堆放次序。

float和absolute的区别:

1.absolute元素是可以通过top/bottom/left/right调整自己的位置,而float元素受其他元素的影响,通过其他元素确定自身的位置

2.float元素之间在占位上是相互影响的,而absolute元素即使处于同一层,在占位上是互不影响的(absolute同级会覆盖;float会平行排列)

css的基本定位机制

原文地址:http://www.cnblogs.com/juicy-initial/p/7587773.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved