在 CSS 中,通常使用 height 和 width
属性来设置 div 元素的高度和宽度。
height
属性用于设置元素的高度,单位可以是 px(像素)、%(百分比)或 em(字号的倍数等),如下
代码所示:
<div style="height: 100px;"></div> /* 设置 div 的高度为 100 像素 */
<div style="height: 50%;"></div> /* 设置 div 的高度为父元素高度的一半 */
<div style="height: 2em;"></div> /* 设置 div 的高度为字号大小的两倍 */
而 width
属性用于设置元素的宽度,同样可以是像素、百分比或字号倍数,如下
代码所示:
<div style="width: 200px;"></div> /* 设置 div 的宽度为 200 像素 */
<div style="width: 50%;"></div> /* 设置 div 的宽度为父元素宽度的一半 */
<div style="width: 4em;"></div> /* 设置 div 的宽度为字号大小的四倍 */
通过设置 div 元素的高度和宽度,我们可以使元素具有指定的大小,并且更好地控制
页面布局。但需要注意的是,过度使用固定的像素尺寸会导致在不同分辨率、不同设备上
显示效果不同,因此需要使用相对单位来设置元素的大小。