一、前言 说实话,听到BFC这个概念我心里一阵咯噔,这到底是什么?有种似曾相识的感觉,但是又很模糊。问了一下度娘,看到张鑫旭的《CSS深入理解流体特性和BFC特性下多栏自适应布局》。呀,原来是这东东啊。BFC应该是前端的基础知识,也许很多前端er工作中经常用到,但是未必真的归纳总结过(自己躺枪),反 ...
分类:
其他好文 时间:
2018-05-06 20:00:33
阅读次数:
210
一、浮动 1.浮动特点:脱离文档流,向左/向右浮动直到遇到父元素或者别的浮动元素,浮动会导致父元素高度坍塌。 2.清除浮动:clear和bfc 二、Flex布局 1,意为弹性布局,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 2,容器的属性(其中io ...
分类:
Web程序 时间:
2018-05-06 18:57:47
阅读次数:
189
<style> .bar{ /*overflow:hidden;*/ /*BFC解决方案在没有position情况下使用;应为超出部分会隐藏*/ /*BFC参考第二篇随笔*/ border:1px solid blue; } .bar:after{ content:""; display:block ...
分类:
其他好文 时间:
2018-05-06 13:41:40
阅读次数:
166
在平时做项目的时候,有些时候会发生margin重叠的现象,但这种情况并不是一直都会发生,那到底什么时候会发生margin重叠呢。在网上搜索了一些资料,大致做了一些整理。 首先,会发生margin重叠的肯定是同一个BFC内的块级元素,例如div、ul等,不是块级元素不会发生重叠。(内联元素是不能设置高 ...
分类:
其他好文 时间:
2018-05-05 00:26:04
阅读次数:
287
简介 在考虑到两个元素可能重叠的情况下,层叠顺序决定了那个元素在前面,那个元素在后面,这是针对普通元素而言。而层叠上下文和块级格式化上下文 (BFC) 一样,基本上也是由一些 CSS 属性创建的,它单独作为一个体系,也就是说内容的层叠顺序是以容器的层叠顺序为基准的,而与容器外部元素的层叠顺序无关,层 ...
分类:
Web程序 时间:
2018-05-04 14:01:17
阅读次数:
184
1、CSS 最基本的布局单位 Box 是 CSS 布局的对象和基本单位。 元素的类型和display的属性决定了Box的类型。 2、BFC BFC(Box Formatting Context)是一个独立的渲染区域,规定内部的元素如何布局,并且与外部的元素无关。 Formatting context ...
分类:
Web程序 时间:
2018-05-02 11:21:19
阅读次数:
195
只给出关键点,具体效果不做太多示范,真正的东西只有自己试了才能记住 BFC BFC触发: 1.position:absolute/fixed 2.float:left/right 3.display:inline-block 4.overflow:hidden/scroll 关于触发方法还有一些ta ...
分类:
其他好文 时间:
2018-04-29 19:20:07
阅读次数:
627
【glibc,uclibc,eglibc的简介】 1.Glibc glibc = GNU C Library 是GNU项(GNU Project)目,所实现的 C语言标准库(C standard library)。 目前,常见的桌面和服务器中的GNU/Linux类的系统中,都是用的这套C语言标准库。 ...
分类:
其他好文 时间:
2018-04-28 14:26:22
阅读次数:
166
一、常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: 普通流 (normal flow) 浮动 (float) 绝对定位 (absolute positioning) 二、BFC 概念 Formatting context(格式化上下文) ...
分类:
其他好文 时间:
2018-04-27 17:52:56
阅读次数:
161
为了提高网站的访问速度,系统会在成功访问某网站后将该网站的域名、IP地址信息缓存到本地。下次访问该域名时直接通过IP进行访问。一些网站的域名没有变化,但IP地址发生变化,有可能因本地的DNS缓存没有刷新导致无法访问。这时我们可以试着刷新本地的DNS缓存,看能否解决无法访问网站的问题。 为了提高网站的 ...
分类:
其他好文 时间:
2018-04-24 22:24:20
阅读次数:
265