如何在CSS中设置高度自动的最大高度?

时间:2016-08-26 09:41:36

标签: css

我想为代码设置高度自动的div设置最大高度。

.background.left-sidebar {
  height: auto !important;
  padding-bottom: 0;
  right: 0;
  width: 300px;
  background-color: #999999;
  margin-top: 40px;
  margin-right: 300px;
}

.left-sidebar {
  height: auto;
  width: 300px;
  padding-bottom: 0px;
}

.left-sidebar-top {
  width: 100%;
  height: 300px;
  background-color: #996699;
}

  <div class="right_block left-sidebar">
    <div class="content">
      <div class="top_block left-sidebar-top">
        <div class="content">
        </div>
      </div>
      <div class="marker">This</div>
    </div>
  </div>

我尝试设置height:100%height:auto,但它不起作用。

如何在CSS中设置高度自动的最大高度?

Plunker

3 个答案:

答案 0 :(得分:1)

您可以尝试:

height : 100vh;

div 设置为视口的100%

答案 1 :(得分:0)

你应该能够max-height: 1000px !important;height: auto;一起使用你试过吗?

答案 2 :(得分:0)

我不知道您是否还会看到这个。您可以使用height: auto;来完成您想要的操作。我认为它将所有内容高度都添加到父高度中