首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS文档流及脱离文档流的方式

所谓文档流,就是指的HTML中的一个个标签按照顺序从上向下排列,好像水流一样从上流到下,一行挨一行,一列挨一列的方式堆砌到一起,可以成为文档流

所谓脱离文档流,就是不再受这种堆砌的限制,从文档流的序列中和位置中脱离出来

float

特性:使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在该元素的周围。

脱离文档流的元素不再被文档流的规则限制,但是其他元素还是会遵从文档流的规则

absolute

绝对定位,绝度定位的元素根据上级positon:realtive的元素的位置确定其位置

绝对定位的元素脱离文档流,并且不会被文档流保留位置

flixed

完全脱离文档流,相对于浏览器窗口进行定位。(相对于浏览器窗口就是相对于html)。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180730G0O61M00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券