css- 高度浮動滿版

css javascript

Zaku 2019-01-23 15:07:11 ‧ 1057 瀏覽

假定分成a,b,c三個區塊，body為最外層，隨視窗變化height:100%，可能要靠js抓高度改，a與c為頭尾，固定某一高度，b能浮動撐開剩餘的高度?如果只有一個b用js抓去分配還好，但要是多很多區塊感覺不是太好的方式。像三個區塊計算大概是b=全高-a-b;，一直去算這個感覺不是太好的方式?

 <style>
  body{
      height:100%; //可能要靠js爭測高度
       margin: 0px;
   }
   .a{
       width:100%;
       height: 40px;
       background-color: aquamarine;
   }
   .b{
       background-color: rgb(255, 127, 127);
   }
   .c{
       width:100%;
       height: 40px;
       background-color: rgb(255, 127, 212);
   }
  <style>

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙

css- 高度浮動滿版

尚未有邦友回答

標記使用者