如何实现网页布局?网页布局的方式

117 阅读1分钟

每日一言

> > 治好内耗的最好办法就是睡觉,一觉睡不好就再睡一觉,醒来就又是一条好汉。

html的网页布局有哪几种?

  • 参考资料

www.runoob.com/html/html-l…

www.w3schools.cn/html/html_l…

developer.mozilla.org/zh-CN/docs/…

  • 总结收获

布局方式大致说明
多列布局大多数网站使用 divtable 元素来创建多列的形式
浮动布局您需要知道floatclear属性是如何工作的
定位布局定位 (position) 能够让我们把一个元素从它原本在正常布局流 (normal flow) 应该在的位置移动到另一个位置
正常流布局浏览器默认的 HTML 布局方式,HTML 元素完全按照源码中出现的先后次序显示。
diplay属性布局通过改变display的属性值改变布局的方式,比如正常流布局blockinline 或者 inline-block,弹性布局 flex,网格布局 grid