码迷,mamicode.com
首页 > 其他好文 > 详细

常规流和脱离文档流

时间:2019-12-16 22:53:37      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:块级元素   没有   The   table   文档流   display   spl   css   head   

常规流

又叫做文档流;在没有CSS的干预下,块级元素独占一行,宽高可设;行内元素并排显示,宽高自动。

脱离文档流

又叫做浮动流;元素在进行浮动后就是脱离文档流;

注意:浮动流在进行摆放的时候要避开常规流;
常规流在进行摆放时无视浮动流;
子级元素浮动后导致父级高度坍塌;

清除浮动

书写格式:fixed:after { content: " "; display: block; clear: both;}

属性说明
clear none 默认
  left 清除左浮动,元素在左浮动的盒子下方摆放
  right 清除右浮动
  both 清除左右浮动

常规流和脱离文档流

标签:块级元素   没有   The   table   文档流   display   spl   css   head   

原文地址:https://www.cnblogs.com/hg845740143/p/12051590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!