css div高度填充到屏幕大小

2 回答

• 0

  您可以尝试在css中使用“calc”和视口大小（vh）：

  height: calc(100vh - 50px - 5rem);
  

  其中100vh代表视口的垂直大小 . 我们减去其他div的每个高度（你应该包括它们的填充，边距和边框Y大小） .

  Codepen example

  • Css calc() in w3school along with its compatibility chart

  • Here you can read more about vh and other CSS units

  回复于 2024-04-19T07:38:59+08:00
• 0

  这个HTML：

  <div class="maincontent">
    <div class="patient_info child"></div>
    <div class="patient_buttons child"></div>
    <div class="row child">
      <div class="col-xl-8" style="padding-right:0;">
          <div class="bg_tooths"></div>
          <div class="treatment_list_bg">
              <div class="treatment_list_banner"></div>
              <div class="treatment_list"></div>
          </div>
      </div> 
    </div>
  </div>
  

  然后使用jquery：

  $('.child').last().css("height", screen.Height);
  

  回复于 2024-04-19T07:38:59+08:00