![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css常见布局
清风白龙
这个作者很懒,什么都没留下…
展开
-
探究BFC&IFC(写着写着不自觉的触发了)
先说说FC,FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染 区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFC和IFC 都是常见的FC。分别叫做Block Fomatting Context 和Inline Formatting Context。BFCBFC(Block Formatting Context)叫做“块级格式化上下文”BFC的布局规则如下:1.内部的盒子会在垂直方向,一个个地放置;2.原创 2020-08-14 16:38:53 · 314 阅读 · 0 评论 -
前端学习你必须要掌握的几种重要布局详解(双飞翼、圣杯布局、二栏布局、三栏布局)
了解margin负值之美:在我们去写这些布局之前,需要了解一个特性,即margin为负值时产生的效果:.test { width: 200px; height: 200px; display: inline-block; background-color: #0f0;}<div class='test'>我是盒子的内容</div>这只是个正常的标准盒子,但我们在样式里追加:margin-left: -200px发生了什么呢?这个盒子会移动到浏览器最左边去,即原创 2020-08-14 11:14:56 · 311 阅读 · 0 评论