CSS 设置的高度超出屏幕高度为什么没出现滚动条

html-css020

CSS 设置的高度超出屏幕高度为什么没出现滚动条,第1张

在css中要出现滚动条,就必需要设置height高度以及overflow属性相关,这两个都必需要设置不然出现不了滚动条。

程序:

</style>

<div class="y">

纵向滚动条

</div>

基本语法

overflow-x overflow-y

overflow : visible | auto | hidden | scroll

扩展资料:

CSS具有以下特点:

1、丰富的样式定义

CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2、易于使用和修改

CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。

参考资料来源:百度百科-Overflow

参考资料来源:百度百科-css

<div class="box"><div></div><div></div><div></div><div></div></div>

<style>

*{padding:0margin:0}

.box{

width:80%

height:200px

margin:auto

display:flex

flex-direction: row

border:1px solid #000

}

.box>div{

height:100%

flex:1

background:red

}

.box>div:not(:first-child){

margin-left:15px

}

</style>

下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:

1、横向铺满,纵向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:100% auto}

2、纵向铺满,横向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}

补充说明:background-size属于css3,只有支持css3的浏览器才有效。

电脑(Computer)是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分:软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。

人们把没有安装任何软件的计算机称为裸机。随着科技的发展,现在新出现一些新型计算机有:生物计算机、光子计算机、量子计算机等。