合肥Web培训
达内合肥web培训中心

0551-64632511

热门课程

什么是BFC?

  • 时间:2016-12-15 09:49
  • 发布:合肥达内web培训
  • 来源:企业面试题

BFC:它是一个独立的渲染区域,它规定了内部如何布局,并且与这个区域外部毫不相干。

根元素:html

float不为none的浮动框

position为absolute、fixed

display为:inline-block,table-cell,flex,table-caption,inline-flex非块框的块容器

overflow不为visible的块框.

触发ie的hasLayout特性

每个元素默认都有一个display值,但是均可以被显式设置重写。

:none;将元素及其子元素从普通文档流中移除,如不存在过。

:inline;该元素生成一个或多个行内框,行内级元素所占的空间就是它的标签所定义的大小,无法设置上下margin、padding和宽高。

:block;该元素生成块级框。所有的块级元素开始于新的一行,延展到其容器的宽度;

:list-item;元素被渲染为列表项呈现的方式,确切的说就像是一个块级元素,但是会生成一个可以被list-style属性进行样式修饰的标记框。

:inline-

block;该元素生成一个块级别框,但是整个框的行为就像是一个内联元素。可以设置宽高等块级元素素的属性。然而ie6并不能识别该属性,但是使用inline-block在ie下会触发layout,从而使得内联元素有了inline-block的表症(设置宽高)。

解决方法:1.div{display:inline-block} // 先触发layout

div{display:inline} //在设置inline 必须分开成两步

2.直接设置为inline,再利用zoom来触发layout实现类似效果

div{*display:inline;*zoom:1}

ie浏览器的专有属性,设置或检索对象的缩放比例,可以触发ie的hasLayout属性,清除浮动、清除margin的重叠。

haslayout是ie浏览器渲染引擎的一个内部组成部分,一个元素要么自己对自己的内容计算大小和组织。要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了hasLayout的属性,属性值可以为true或false。当一个元素的hasLayout属性值为true时,我们说这个元素有一个布局(layout),负责对自己和可能的子孙进行尺寸计算和定位.

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择合肥计算机培训,不再孤军奋战,轻轻松松做IT高薪白领。合肥达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ:381809357(合肥达内就业服务部)咨询了解。

上一篇:浮动元素引起的问题和解决方法
下一篇:quirks模式是什么?它和standards模式有什么区别?

前端工程师到底是什么样的呢?

高薪前端具备哪些技能?如何学习前端知识?

怎样使用html5代码实现地理位置介绍

说下如何测试一个新的网站网站

选择城市和中心
贵州省

广西省

海南省