很简单,利用table的自适应的属性即可。最外层定义一个dispaly:table就好,如果要宽度到左右两边,高度自适应的话,可以这样设置,代码如下:
.ctn {width:100%display:table}一、首先创建或打开我们的web项目并创建一个新的html文件和css文
二、HTML页面代码如图所示。定义一个div并给出一个id属性。
三、使用宽度百分比后,将高度值设置为零,使用padding属性的top或者bottom(可以使用任何百分比),并使用背景色作为测试。
四、浏览器运行后,效果如下。如果放大或缩小,宽度和高度将相应更改。
五、此方法是使用表达式设置高度。