比如在div中放下面这张图，如何设置一个div高度是自己宽度的50%呢？

.about .info .info-img{

    width: 25%;

    height: 300px;

    float: left;

}

.about .info .info-text{

    padding: 20px 30px 0 30px;

    width: 25%;

    height: 300px;

    float: left;

    background-color: #07cbc9;

    box-sizing: border-box;

}

把大div设置成100%，里面的小div设置成25%，就可以做成图片的样子

CSS：

div {
    width: 50%;
    height: 50%;
}

javascript：

document对象.style.height="10%";
document对象.style.width="10%";

只要直接书写就行了，如果宽度和高度是百分比的话，浏览器会自动按照父标签的百分比对该标签的高宽进行设置，

如果父标签是body，也会按照浏览器窗口的百分比进行设置。