css布局模型

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

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

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

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

2.浮动模型(float)

    ★ 绝对定位(position:absolute)

    ★ 相对低位(position:relative)

    ★ 固定定位(position:fixed)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,698评论 1 92
  • 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 ...
    阿r阿r阅读 2,578评论 0 0
  • 【边伯贤】如果是地狱的话…我替你下吧 【金钟仁】偷走了我的心脏就想一走了之? 【朴灿烈】你的本事,可真不小啊…… ...
    灰猫儿阅读 3,073评论 0 0
  • 武昌起义的成功,无论从哪个方面讲,都有些偶然性。 首先起义的爆发,就有些巧合的感觉。如果不是革命党机关暴露,党人领...
    梁宵阅读 4,631评论 0 1

友情链接更多精彩内容