div设置高度是宽度的一半

可以使用CSS中的`height`和`width`属性以及`calc()`函数来实现这个效果。具体的代码如下：

div {
  width: 200px; /* 设置宽度为200px */
  height: calc(50% * 200px); /* 设置高度为宽度的50% */
}

其中，`calc()`函数用来计算高度的值，`50%`表示宽度的百分之五十，`200px`表示宽度的像素值。这样就可以实现高度是宽度的一半的效果了。

相关问题

使用JAVAScript将div的宽度和高度设置为浏览器宽度和高度的一半，margin设置div在水平和垂直两个方向居中

可以使用以下代码来实现：

// 获取浏览器窗口宽度和高度
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;

// 获取要设置样式的div元素
var divElement = document.getElementById("myDiv");

// 设置div的宽度和高度为浏览器窗口宽度和高度的一半
divElement.style.width = windowWidth / 2 + "px";
divElement.style.height = windowHeight / 2 + "px";

// 设置div在水平和垂直两个方向居中
divElement.style.margin = "auto";

其中，`myDiv`是要设置样式的div元素的id。

设计一个div，使用JAVAScript将这个div元素宽度和高度均为浏览器宽度和高度的一半，同时依靠margin元素让这个div在水平和垂直两个方向均居于网页的正中。

可以使用以下代码实现：

HTML：

<div id="myDiv"></div>

CSS：

#myDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

JavaScript：

var myDiv = document.getElementById("myDiv");
myDiv.style.width = window.innerWidth / 2 + "px";
myDiv.style.height = window.innerHeight / 2 + "px";

这个代码中，我们首先通过CSS将div元素居中，然后通过JavaScript将其宽度和高度设置为浏览器宽度和高度的一半。