CSS 基础学习-068 使用max-width 属性设置元素的最大宽度

由 hrs, 28 九月, 2021

max-width 属性用于设置元素的最大宽度。

min-width 属性用于设置元素的最小宽度

实例代码：

<!doctype html>
<html>
  <head>
    <style>
        .d2{
          background-color:lightblue;
          max-width:500px;
          height:100px;
          margin-top:10px;
        }   
    </style>
  </head>
  <body>
    <h1>设置元素最大宽度</h1>
    <div>这个div元素的高度为100像素，最大宽度为500像素。</div>
    <div class="d2"></div>
    <p>请调整浏览器来查看效果。</p>
  </body>
</html>

运行效果：

css-068.png

标签

评论