css实现高度自适应?

html-css021

css实现高度自适应?,第1张

很简单,利用table的自适应的属性即可。最外层定义一个dispaly:table就好,如果要宽度到左右两边,高度自适应的话,可以这样设置,代码如下:

.ctn {width:100%display:table}

一、首先创建或打开我们的web项目并创建一个新的html文件和css文

二、HTML页面代码如图所示。定义一个div并给出一个id属性。

三、使用宽度百分比后,将高度值设置为零,使用padding属性的top或者bottom(可以使用任何百分比),并使用背景色作为测试。

四、浏览器运行后,效果如下。如果放大或缩小,宽度和高度将相应更改。

五、此方法是使用表达式设置高度。