文档章节

学海无涯

一颗星星变了心
 一颗星星变了心
发布于 2014/11/05 01:16
字数 277
阅读 116
收藏 3

        css 中不得不提的bfc 独立容器

       在进行盒子元素布局的时候, BFC 提供了一个环境, 在这个环境中按照一定规则进

行布局不会影响到其它环境中的布局。比如浮动元素会形成 BFC,浮动元素内部子元素

的主要受该浮动元素影响,两个浮动元素之间是互不影响的。

也就是说,如果一个元素符合了成为 BFC 的条件,该元素内部元素的布局和定位

就和外部元素互不影响(除非内部的盒子建立了新的  BFC), 是一个隔离了的独立容器。

在  CSS3  中,BFC  叫做  Flow Root。

        形成 BFC 的条件(符合以下任一条件即可): 

1)  float 的值不为 none;

2)  overflow 的值不为 visible;

3)  display 的值为  table-cell、table-caption 和 inline-block 之一;

4)  position 的值不为  static 或  relative 中的任何一个;

或则是这样:

  • float:left|right

  • position:absolute|fixed

  • display: table-cell|table-caption|inline-block

  • overflow: hidden|scroll|auto


© 著作权归作者所有

一颗星星变了心
粉丝 9
博文 28
码字总数 12517
作品 0
成都
网页/平面设计
私信 提问
关于discuz中的insert的replace和client参数的用啊

请问一下这两个是怎么用的?replace为true开始replace模式.这是什么东西?我试了一下,看不出来效果.请大神帮忙.还有一天就是想请各位前辈指教一下discuzX3的mvc思想.我现在可以改修代码,但是一...

ffvsnn520
2013/09/25
106
0
我的友情链接

51CTO博客开发 为IT专业人士服务 Kirin的写意人生 轻吻暗淡的唇 风尾 捕风的鱼-暮渐入昼 李公子 's Zone AirのSkyLine技术讨论组 IT技术交流 学海无涯 唐德伟 胖哥技术堂 伤口上方糖 精诚所至...

loveunicom
2017/11/22
0
0
我的友情链接

51CTO博客开发 两只老虎 岳雷的微软网络课堂 喻勇的博客 Bisheng.Hu 王春海的博客 天才没有那1%是万万不行的 边城客栈 学海无涯 龙目小子,博闻天下 我站在巨人肩膀上Jimmy Li 凡人世界 李涛...

wangtingdong
2017/11/22
0
0
阶段总结: 短期计划4月12-4月30(共17天)

短期计划4月12-4月30(共17天): 今天4月12号,随着看的东西多了,现在学习的东西比较的杂乱了,所以感到该理理思路的时了。 最近,接触有OpenCV(C++)、机器学习和机器学习的深度学习(caf...

Joe科技
2017/04/12
0
0
局域网安全实战教程

终于赶在6月底之前将这套“局域网安全实战教程”发布上线了,这套教程主要是针对2016年国赛第二阶段的四、五、六题,内容主要包括:MAC泛洪攻击、DHCP攻击、ARP攻击、STP攻击,另外还包括了2...

yttitan
2017/06/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

策略模式

策略模式封装的是算法,而状态模式侧重的对象状态的转变。 /** * 策略,定义计算报价算法的接口 */public interface Strategy { /** * 计算应报的价格 * @param goo...

铁骨铮铮
33分钟前
0
0
如何用JavaScript写一个区块链?

Part1实现一个基本的区块链 1.区块链 区块链是由一个个任何人都可以访问的区块构成的公共数据库。这好像没什么特别的,不过它们有一个有趣的属性:它们是不可变的。一旦一个区块被添加到区块...

骚年锦时
37分钟前
0
0
HTTP协议

HTTP简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议...

惊尘大人
39分钟前
0
0
Feign输出Info级别日志

背景   spring cloud netfix组件中,feign相关的日志默认是不会输出的,需要自定义配置才能输出,并且Feign只对Debug基本的日志做出响应, 实际业务需要输出Info级别的日志,所以需要做自定...

xiaomin0322
44分钟前
3
0
面向解决问题的java编程,spring boot,mybatis generator和坑-1starter

1、start一个spring boot项目 第一课我们也不能免俗,要从starter开始,spring boot的起始项目脚手架可以从spring boot官方starter生成地址开始:https://start.spring.io/ 这张图列出了一个...

wphmoon
44分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部