1)介绍

网页布局,指的是网页中标签的排列方式。

2)示例

标签正文型布局

image.png

左右框架型布局

image.png

T字型布局

image.png

国字型布局
image.png

3)布局常用样式

单位 作用
float none | left | right 设置标签浮动
clear none | left | right | both 清除浮动
display none | block | inline | list-item | inline-block… 设置标签显示方式
overflow visible | auto | hidden | scroll 设置内容超出标签时的处理方式
overflow-x visible | auto | hidden | scroll 设置内容超出标签宽度时的处理方式
overflow-y visible | auto | hidden | scroll 设置内容超出标签高度时的处理方式
visibility inherit | visible | hidden | collapse 设置标签是否可见

自动纵向滚动条:overflow-y: auto;