CSS 基础学习-067 使用height 和 width 属性设置元素的高度和宽度

由 hrs, 28 九月, 2021

height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

注意：当宽度的单位设置为百分比（％）时，拖动浏览器窗口会同时改变宽度的大小。

实例代码：

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      .d2{
        height:200px;
        width:50%;
        background-color:powderblue;
        margin-top:20px;
      }   
    </style>
  </head>
  <body>
    <h1>设置元素的高度和宽度</h1>
    <div class="d1">这个div元素的高度为200像素，宽度为50％。</div>
    <div class="d2"></div>
  </body>
</html>

运行效果：

css-067.png

标签

评论