css高度100%,css页面高度,css宽高比,css设置高度不起作用,css高度计算属性,css宽度和高度怎么设置
CSS高度/宽度属性用于设置HTML元素的高度和宽度。这些属性决定了一个元素在页面上所占据的空间大小。

CSS高度/宽度属性有两种常用的单位：像素（px）和百分比（%）。像素是绝对单位，表示一个固定的长度，而百分比则相对于其父级元素的大小而定。

下面是一些示例：

1. 使用像素单位设置元素的高度和宽度


<div style="width: 200px; height: 100px; background-color: gray;"></div>


这个示例将创建一个灰色矩形，其宽度为200像素，高度为100像素。注意，这里样式直接写在HTML标签中，这不是最佳做法，通常应使用CSS文件或内部样式表来设置样式。

2. 使用百分比单位设置元素的高度和宽度


<div style="width: 50%; height: 50%; background-color: gray;"></div>


这个示例将创建一个灰色矩形，其宽度和高度都是其父级元素的50％。如果父元素的宽度为800像素，则这个矩形的宽度为400像素，高度为50％即400像素的一半即200像素。

3. 自适应宽度


<div style="width: 100%; background-color: gray;"></div>


这个示例将创建一个宽度自适应的灰色矩形，其宽度填满了其父元素的宽度。如果父元素的宽度为800像素，则这个矩形的宽度也是800像素。

总之，CSS高度/宽度属性用于控制HTML元素在页面上的大小和位置。使用不同的单位（如像素或百分比）可以使元素根据需要灵活地调整大小。