大家在做網(wǎng)頁設(shè)計(jì)的時(shí)候，是需要使用div來對(duì)網(wǎng)頁做各種設(shè)置的，比如使用div設(shè)置高度和寬度，對(duì)于高度的設(shè)置，是有很多的方法的，比如可以實(shí)現(xiàn)最小高度和最大高度的設(shè)置，同時(shí)在不能確定高度的時(shí)候，還需要知道如何設(shè)置高度的問題，下面新網(wǎng)就給朋友們?cè)敿?xì)的來說明一下div高度設(shè)置如何操作以及css div高度不確定如何設(shè)置高度等問題，希望能夠讓大家更好的了解關(guān)于div高度設(shè)置的問題。

  div高度如何設(shè)置？
  div高度設(shè)置大致可以分為3個(gè)方法，方法可以分為以下幾種：
  1、style中直接寫明固定高度。
  2、class形式調(diào)用。
  3、自適應(yīng)高度。
 
  首先，小編給大家介紹第一種方法，固定高度法。
  固定高度的寫法是在div標(biāo)簽中，加上style屬性，并在屬性中的height屬性中寫明固定的高度，如style="height:300px;"
  這是固定高度寫法的運(yùn)行的效果圖，沒怎么做樣式，表現(xiàn)形式不太好
  接著，給大家介紹第二種方法class形式調(diào)用。
  class形式調(diào)用需要在head標(biāo)簽下的style標(biāo)簽中寫上css樣式，然后在div中以class形式調(diào)用即可。
  方法三、自適應(yīng)高度寫法。
  所謂自適應(yīng)高度，即相對(duì)于父標(biāo)簽或者父容器的高度，以百分比形式來寫，這樣會(huì)隨著父容器的高度變化而自適應(yīng)變化。

  自適應(yīng)方法的一個(gè)運(yùn)行結(jié)果，可以看出藍(lán)色虛線框有部分露出來黑色實(shí)線框的外部。這是因?yàn)閮蓚€(gè)div的高度之和大于了父容器的高度了。

  div設(shè)置最小高度方法
  設(shè)置最小高度意思，DIV有最小的高度狀態(tài)，當(dāng)內(nèi)容多了，最小高度（min-height）裝不下后，DIV高度會(huì)隨內(nèi)容真多而自適應(yīng)高度。
  當(dāng)內(nèi)容多于200px裝不下情況
  最小高度IE7及以上版本支持，IE6不支持最小高度，但可以css解決IE6 最小高度。
  對(duì)DIV設(shè)置最大高度
  解釋最大高度，設(shè)置大高度，意味著DIV能裝下最多最大高度能容下的內(nèi)容。
  設(shè)置了最大高度max-height，從排版布局上看不出效果，當(dāng)內(nèi)容多余最大高度能裝下內(nèi)容才能看出最大高度樣式效果。
  CSS DIV高度不確定如何設(shè)置高度
  在CSS布局中，常常最外層的DIV盒子不能確定具體的height高度值，不確定內(nèi)容是否可多可少而不能確定父級(jí)盒子究竟設(shè)置多高。此時(shí)一般新手喜歡設(shè)置個(gè)height:auto（高度自適應(yīng)）樣式。
  這里DIVCSS5可以告訴大家，一般最外層的DIV盒子，或不確定內(nèi)容（子級(jí)）占用多高時(shí)，此時(shí)對(duì)此父級(jí)DIV不需要設(shè)置height:auto，因?yàn)槟J(rèn)情況下普通標(biāo)簽比如（div、span、h1、p、h2等標(biāo)簽）默認(rèn)高度值都是自適應(yīng)（auto）。所以無需設(shè)置高度。
 
  什么時(shí)候需要設(shè)置高度？
  1、最小局部。
  一般較小的局部布局，需要設(shè)置高度固定其結(jié)構(gòu)，此時(shí)需要設(shè)置具體高度。
  2、需要限高

  有時(shí)布局左右結(jié)構(gòu)要想左右結(jié)構(gòu)對(duì)齊情況下，需要對(duì)DIV設(shè)置高度，一般情況下此時(shí)避免內(nèi)容太多超出限制高度需要設(shè)置CSS隱藏溢出內(nèi)容處理。

  div高度設(shè)置如何操作？以上就給大家詳細(xì)的介紹了關(guān)于div高度設(shè)置的各種方法，大家在做div高度設(shè)置的時(shí)候，就感覺比較容易了，使用div設(shè)置高度其實(shí)是非常方便和簡(jiǎn)單的，它能夠讓網(wǎng)頁看起來非常的直觀和好看，如果大家在設(shè)置的過程中，還遇到了困難的話，可以讓新網(wǎng)的工作人員幫助解決。