CSSHTML:如何使下面的table高度占满整个页面呢?

html-css014

CSSHTML:如何使下面的table高度占满整个页面呢?,第1张

1、首先需要打开sublimeText编辑器。

2、然后需要按照图示代码编写一个html页面,并且放入一张背景。

3、效果显示如下图,图片还是原来大小的背景。

4、然后需要按照图示代码利用css属性background-size: cover把整个背景填充。

5、效果显示如下图,图片table高度把屏幕占满。

方法如下:

1:给背景图设置一个高度

2:给你写的每个块都用上高度

3:用一个通用的空代码把自动高度撑满{

margin: 0 auto

height: 1px

width: 100%

}

备注:第三个方法的代码放在每一个大的div下面

样式设置高度撑满整个页面,那么必须从最外层一层一层设置高度100%;代码如下:html,body,div{

height:100%}

这里默认div是第三层,如果要撑满全页面的话,那么外层必须也是高度100%;

下面举个例子:

<html>

<head>

<style>

*{

padding:0

margin:0

box-sizing:border-box}

html,body,div{

height:100%

}

</style>

<body>

<div>高度全屏</div>

</body>

</html>