一人弯着身子快步跑出,林风身子随之向下,躲在柴草后面看着逐渐接近的那些杀人者,此时嘴里不停的骂着,完全没有发觉村子里的变化。

浅谈,htmlcss脱离标准文档流相关


  (个人知识有限,难免有误,请见谅)

  标准文档流,顾名思义,是要按照一定规矩排列的,默认的就是元素会从左至右,从上至下排列,块级会独占一行,行内元素会和小伙伴们共享一行。

  本来在标准文档流下,各个元素相安无事,可突然有一天某个元素心想啊,我那么优秀,不该出现在这里啊,于是它成精了,它发现了一道大门走向另一个空间BFC。

  BFC:直译为“块级格式化上下文”,这是一个独立的区域,这个区域与外部没有关系了,互不招惹,个人常用的会开启BFC空间的方式有

  1.float的值不是none  

  2.position的值不为relative和static

  3.display为inline-block

  4.overflow不为visible

  当然还有其他的方式会产生BFC,这里就不列举了。

  先说说float,浮动,它会相对于自己最近的父元素进行定位,往左或者往右,这种方式会给我们布局带来便利,也可以变相的清除一些空文本给我们带来的不必要的空隙,但是使用它的时候需要注意清除它,不然由于它会脱离文档流的缘故,它的兄弟元素会跑到它原来的位置占位,或者它的父元素会因此而坍塌,这样会造成布局的混乱,就好比是在同一个位置,不同的时空,虽然浮动之后的元素还在,但是其他元素却看不见它,当然这个比喻并不怎么恰当,为了防止布局的混乱,也就是浮动之后带来的你不想要的效果,浮动之后一定要记得清除浮动,清除浮动常用的方式可以直接clear掉,当然也可以使用伪类:after来清除浮动,对于overflow:hidden,还有给浮动元素的父元素设置float来撑开父元素的高度,其原理也是开启BFC,而BFC在计算高度的时候,浮动元素也会参与其中。

  再说说position,position定位也是一种脱离普通文档流的做法,它的定位方式是相对于最近的已经定位的祖先元素,常见的方式就是子绝父相,子元素绝对定位,父元素相对定位,使用这种方式可以让子元素相对于父元素做定位,使用position:absolute的时候记得设置x,y轴的值,也就是left,top(当然也可以rigth,top,具体情况自己决定)的值,目前我不知道有什么方式可以让position为absolute与fixed的元素再从自己开辟的BFC中出来,建议只在必须的情况下使用position定位,因为position定位使用多了,大家都脱离了普通文档流,可能会给后续的布局带来困难,既然说到了position,那就顺带再提提z-index,z-index相当于布局中的z轴,在使用了position:relative 或者absolute 或者fixed的时候z-index值便会生效,简单的说如果有几个元素重叠在了一起,这时z-index后面的值谁大,谁就会显示,其实其它元素也还在,只是被z-index值最大的那个元素挡住了,注意z-index后面的值没有单位的哈。

  最后,关于display:inline-block,我最长用的时候无非就是让霸气的块级元素能够容忍其它元素和它共享一行,或者让谦逊的行类元素拥有能够设置width,height的能力。

当前文章:http://hnhdqp.com/2v480u3s39/index.html

发布时间:2018-12-19 05:48:53

各种漏洞赚钱方法大全 小鸭赚多多官网下载 单亲妈妈带孩子干什么挣钱 91赚外快骗局 红海行动投资成本 网上兼职能干什么 郑州咖啡厅兼职 网上兼职哪个好 大学生网络兼职方法 淘宝兼职刷手可靠吗

编辑:邓伯华密

相关新闻

以延长评价期改变官员的“赌徒”心态

2018-12-19 06:05:19

拉萨亩牟人公司

新美大整合半年内幕:指挥权、“土改”与内部融合

2018-12-19 00:46:09

馆陶市俨水泥股份有限公司

冬天心脏要过“五道坎”

2018-12-19 03:34:28

甘肃懒筛敲电子科技有限公司

没Kinect传感器Xbox One并非就是个摆设

2018-12-19 07:45:21

定安牌侨工作室

热门推荐

  • 韩国游戏开发商Kakao Games融资8亿元 腾讯等领投
  • 福建省部署推进“厕所革命”工作 今后3年将建旅游厕所1865座
  • 诺基亚相机应用新增长焦和广角功能:暗示诺基亚9后置双摄
  • 武警部队抵达震中区域 未发现人员伤亡房屋倒塌情况
  • 一图看懂腾讯财报:《王者荣耀》实力爆发
  • 新款索纳塔插电混动版谍照 有望2018年上市
  • 家庭智能摄像头存风险你家的摄像头安全吗?
  • 主管部门对“吃鸡”类大逃杀游戏表态:对青少年不利
  • 安倍丑闻缠身拟8月改组内阁 支持率跌至历史新低
  • 四川茂县发生山体高位垮塌 当地启动Ⅰ级响应
  • 河北新闻网版权所有 本站点信息未经允许不得复制或镜像 法律顾问:手机挣钱论坛 大学生兼职的利与弊
  • 建什么网站赚钱 copyright ? 2000 - 2016
  • 新闻热线:0311-67563366 广告热线:0311-67562966 新闻投诉:0311-67562994
  • 冀ICP备 09047539号-1 | 互联网新闻信息服务许可证编号:1312006002
  • 广播电视节目制作经营许可证(冀)字第101号|信息网络传播视听节目许可证0311618号
  • 2018电脑挣钱软件 手机挣钱好项目 适合苹果手机赚钱软件 网上赚钱的方式