本站关键词:淄博网站建设,淄博网站设计,淄博网站制作,淄博网站优化,淄博手机网站建设,淄博网站推广,淄博网络公司
| | |

绝对定位和浮动的区别和运用

  2016-8-21 8:48:44

绝对定位和浮动的区别和运用


定位和浮动有些朋友可能还在迷惑,两者都可以分栏布局,到底什么时候用浮动,什么时候用定位呢?

当一个元素使用绝对定位后,它的位置将依据浏览器左上角开始计算或相对于父容器(在父容器使用相对定位时)。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素。

而浮动元素的定位还是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示,而没有脱离文档流,理解了这一点,就很容易弄明白什么时候用定位,什么时候用浮动了。

一个元素浮动或绝对定位后,它将自动转换为块级元素,而不论该元素本身是什么类型。

淄博网站优化 www.zbyitai.com

 

 

在线留言 客服QQ
返回顶部
准备开始业务了吗? 您的需求 / 意见

首页| 关于亿泰| 服务支持| 产品体验| 客户案例| 新闻中心| 基础服务| 联系我们| 网站地图

淄博网站建设服务地区:张店、临淄、博山、淄川、周村、博兴、邹平、广饶、桓台、高清、开发区、滨州、东营

版权所有:淄博亿泰信息技术有限公司 Copyright © www.zbyitai.com Corporation, All Rights Reserved 备案号: 鲁ICP备15029606号-1   

友情链接:淄博网站优化   塑料托盘    塑料托盘厂家   螺纹保护器    琅琊黑年猪  吹塑托盘   玉米压片机   煅烧氧化锌    老榆木家具厂家