html布局的常见类型有哪些?html的三种布局特点分析


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

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

1、流动布局(html网页默认的布局方式)

特点:

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

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

2、浮动布局(float)

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

如下

1

2

3

4

5

6

div{

    width:200px;

    height:200px;

    border:2px red solid;

    float:right;

}

3、层模型

阅读剩余部分

相关阅读 >>

html布局的常见类型有哪些?html的三种布局特点分析

更多相关阅读请进入《html布局》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...