css控制div为当前页面的一半,如何通过css控制div在页面显示的大小
时间: 2023-12-14 12:36:07 浏览: 112
用DIVCSS技术的WEB页面布局实践.doc
可以使用以下CSS样式来控制一个div元素在页面中显示的大小:
```css
div {
width: 50%; /* 设置宽度为屏幕宽度的50% */
height: 50vh; /* 设置高度为视口高度的50% */
}
```
其中`width`属性设置了元素的宽度为屏幕宽度的50%,而`height`属性设置了元素的高度为视口高度的50%。这样就可以让该div元素占据页面的一半大小了。
阅读全文