美文网首页
css布局模型

css布局模型

作者: GEMINIyujiao | 来源:发表于2017-06-07 10:38 被阅读0次

网页中,元素布局分为三种类型

1.流动模型(flow)-----网页默认的模型、

    ★  有两大特点:a.块元素(包含元素在内)会独占一行,自上而下顺序垂直延伸分布,默认情况下块元素的宽度为100%

                                b.内联元素都会在所属的块元素内从左到右水平分布

2.浮动模型(float)

    ★ 绝对定位(position:absolute)

    ★ 相对低位(position:relative)

    ★ 固定定位(position:fixed)

        absolute和relative结合:父元素是relative,子元素通过absolute根据父元素进行定位

相关文章

  • hc15(12-1~12-9)

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • Css学习

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • css布局模型和代码简写

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • HTML+CSS学习笔记 (12) - CSS布局模型

    css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与...

  • html、css学习笔记(五)

    布局模型是建立在盒模型基础之上在网页中,不同于CSS 布局样式或 CSS 布局模板。 元素有三种基本布局模型:1、...

  • CSS布局模型

    1.css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模...

  • CSS基础布局

    CSS布局 盒模型 Flexbox 使用float布局 inline-block 布局 响应式设计和布局 CSS面...

  • CSS布局模型(Float、BFC)

    CSS布局模型 布局:将元素以正确的大小摆放在正确的位置上 CSS包含3种基本的布局模型流动模型(Flow)浮动模...

  • CSS布局基础

    CSS 布局模型 CSS 包含 3 种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页...

  • 2017-06-13

    CSS布局模型 CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素...

网友评论

      本文标题:css布局模型

      本文链接:https://www.haomeiwen.com/subject/tajofxtx.html