互联网---张鑫旭---读了张大大的好多博客了(自己小有心得) 怀着感恩的心来写

刚开始写页面的时候，看见一边固定一边自适应老头大了，后来百度了找到了解决办法（第一次）在张大大的博客感觉说的挺好，那时我只是为了解决问题走马观花的看了一遍，然后copy下来案例改改能用了也没注意什么，后来做页面我想左边固定，右边自适应其中多了一个线，中间的分割线的那个border线要1px solid

#ccc显示当时在想该依据左边好呢还是右边好呢，年少的自己对自己的js自信满满就用js处理了，晚上回去想这个问题了，搜了下又偶遇张大大的dispaly：table-cell；布局！ ----------------------------------------这叫初出茅庐的我大开眼界！

（--------------------见识了张大大的牛逼然后就张住进了张大大的博客每看一遍自己浮躁寂寞的心能沉淀一分）

今天说说张大大里面的---------BFC（"Block Formartting context"）--字面意思理解就是 "块级格式化上下文"

对其实也就是这个这个意思具体表现就是 BFC元素特性表现原则就是，内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。所以，避免margin穿透啊，清除浮动什么的也好理解了。（张大大原文）我的理解：

</div>

样式:

<style>

.box{border:5px solid #ccc;padding:5px;}

.left{float:left;}

.right{overflow:hidden;}

</style>

这就是我们说的自适应布局你现在估计还不理解吧 what ！ what are you---干哈里

对重点来了

1：当.left 这个div高度没有.right这个div的高度高的时候，这时候我们用bfc非常的完美把左右分割开来按照我们想的在进行（当左边），我们也可以给.left这个div来点margin-right让他和.right有点间隔！看起来更舒服

　2: 什么属性可以触发.right和这个div来进行ＢＦＣ呢：　对就是他们：

　　　－－－上面样式里面的overflow：hidden；

--------position值不是relative和static

-------float值不为none的时候

------overflow的值为auto.scroll，hidden

---------dispaly的值为table-cell， table-caption ， inline-block
　

互联网---张鑫旭---读了张大大的好多博客了(自己小有心得) 怀着感恩的心来写相关推荐

css transparent张鑫旭,【灵感杂谈】张鑫旭和他的《CSS世界》
原标题:[灵感杂谈]张鑫旭和他的<CSS世界> 说到本书的作者,前端圈里没见过他的人有很多,但没读过他文章的人很少,他就是很多前端同行眼中的,张老师,张大神--张鑫旭(以下简称" ...
从张鑫旭的demo中，我学到了图像拉伸的原理
文章收录: 个人网址:http://linglan01.cn/ Github仓库:https://github.com/CatsAndMice/blog/issues 产品经理又有新需求啦,其中有一个 ...
如何写好技术文章（看张鑫旭老师的直播总结
大家好,我是若川.持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整体架构系列& ...
可缺省的CSS布局——张鑫旭
一.技术不难.意识很难有些东西的东西的实现,难的不是原料.技术:而是想不到,或者说意识不到. 例如下面这个简单而又神奇的魔术: 是吧.搞通了,才发现,哦~原来这么回事,很简单的嘛,我也可以实现的!其 ...
关于拜读张鑫旭文章，了解的新属性
昨天有幸拜读到张鑫旭写的就关于知乎10个问题的一篇文章(http://www.zhangxinxu.com/wordpress/2017/06/ten-question-about-frontend- ...
CSS页面重构“鑫三无准则”之“无图片”准则——张鑫旭
一.再说关于"鑫三无准则" "鑫三无准则"这个概念貌似最早是在去年的去年一篇名叫"关于Google圆角高光高宽自适应按钮及其拓展"的文章中提 ...
IE6下png背景不透明——张鑫旭博客读书笔记
从今天开始跟着大牛张鑫旭的步伐,每天进步一点点问题:IE6不支持png背景透明或半透明一.可解决的方法补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是" ...
:after伪类 content内容生成经典应用举例——张鑫旭
一.简单说说content内容生成 content内容生成就是通过content属性生成内容,content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容. ...
CSS3 @font-face实现颜色大小可控的三角效果——张鑫旭
一.我之前介绍过的三角实现效果回顾这里所说的三角效果之等腰直角三角形效果(等边三角形有现成字符实现,没什么好说的:还有图片实现三角众人皆知,不予以说明): 1. 字符实现三角效果关于字符实现三角我 ...

互联网---张鑫旭---读了张大大的好多博客了(自己小有心得) 怀着感恩的心来写

互联网---张鑫旭---读了张大大的好多博客了(自己小有心得) 怀着感恩的心来写相关推荐

最新文章

热门文章