CSS3中max-height与min-height的用法

css3中height 超出继续显示  与max-height一样

<style>
    div{
        background: #ff6666;
        width: 200px;
        max-height: 100px;
    }
</style>
<body>
  <div>
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事这个是经典的故事这个是经典的故事
      这个是经典的故事
  </div>
</body>
</html>

css3中min-height 随内容自动增加

<style>
    div{
        background: #ff6666;
        width: 200px;
        min-height: 100px;
    }
</style>
<body>
  <div>
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事
      这个是经典的故事这个是经典的故事这个是经典的故事
      这个是经典的故事 www.dc3688.com
  </div>
</body>
</html>
posted @ 2022-02-05 14:57  学无边涯  阅读(120)  评论(0)  编辑  收藏  举报