html布局的常见类型有哪些？html的三种布局特点分析-木庄网络博客

2022-02-04 10:48:52 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

html布局的常见类型有哪些？html中的布局方式有三种：流动布局、浮动布局以及层模型，html的这三种布局各有个的特点，本篇文章就给大家简单的说说html的三种布局方式的特点。

1、流动布局（html网页默认的布局方式）

特点：

1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。

2、内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

2、浮动布局(float)

特点：默认布局下，块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示。就需要使用float来实现。

如下

div{
    width:200px;
    height:200px;
    border:2px red solid;
    float:right;
}

3、层模型

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者