css 设置div高度和宽度

在 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 元素的高度和宽度，我们可以使元素具有指定的大小，并且更好地控制页面布局。但需要注意的是，过度使用固定的像素尺寸会导致在不同分辨率、不同设备上显示效果不同，因此需要使用相对单位来设置元素的大小。