老鬼的博客 来都来啦,那就随便看看吧~
css之垂直布局
发布于: 2020-08-12 更新于: 2020-08-12 分类于: Html 阅读次数: 

一:说明

1
2
垂直布局不像水平布局那么麻烦,因为水平布局的宽度是确定的,不同设备的
宽度还不一样,垂直方向的就无限,因为可以出现纵向的滚动条。

宽度

1
2
默认情况下父元素在未设置宽度的情况下是被子元素内容撑开的,如果设置了
宽度,设置的多少就是多少。

高度

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
子元素是在父元素的内容区排列的,如果子元素的高度大于父元素的高度,
那么子元素就会从父元素溢出。可以使用ovewflow属性在父元素中处理
一处的子元素。


overflow可选值:

overflow:visible
- 默认值,子元素会总父元素溢出,在父元素外部显示。

overflow:hidden
- 溢出的部分将被裁减,不被显示

overflow:scroll
- 出现水平和纵向的滚动条

overflow:auto
- 根据需要生成滚动条,如果纵向溢出则出现纵向滚动条。

overflow-x和overflow-y是处理水平和垂直方向的,可选值和上面一样。

*************感谢您的阅读*************