18 表单字段集、浮动框架集、BFC

• 表单字段集

  • 就是给表单做分组的

  • 分组标签是：fieldset

  • 组标题标签：legend

• 浮动框架集：引入显示另外一个页面的内容 用iframe标签引入 这个标签是行内块元素

• bfc

  • b：block f:format c:context 块级格式化上下文

  • BFC的布局规则

    • 1.BFC中的元素会在垂直方向一个接一个的放置

    • 2.垂直方向的距离由margin决定

    • 3.左侧的margin与包含快的左侧border相接触

    • 4.BFC是一个独立的容器，在该容器中元素不会影响外边的元素

    • 5.BFC的区域不会和浮动元素发生重叠（左右布局、双飞翼）

    • 6.在计算BFC区域的高度时，浮动的元素也会计算在内（解决高度塌陷问题）

    • 7.同一个BFC里2个相邻的元素会发生外间距重叠 父子重叠：给子元素加margin-top会把父元素带动 兄弟重叠：相邻的外间距取最大值使用

  • BFC的触发规则

    • 1.html是一个BFC

    • 2.浮动

    • 3.定位

    • overflow:hidden\auto\scroll

    • display:inline-block