1、html，body height 100% padding 0 margin 0 mother height 100% padding 100px 0 0 boxsizing borderbox A height 100px margin 100px 0 0 background #BBE8F2 B height 100% background #D9C666 ltdiv class=quotmotherquot；需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltinput標(biāo)簽中新增樣式代碼style=quotwidth 200pxheight60pxquot3瀏覽器運(yùn)行indexhtml頁面，此時input框的寬度被設(shè)置為200px，高度被設(shè)備為60px；HTML代碼如下我創(chuàng)建了三個div，它們是塊級元素，會自動撐開寬度但當(dāng)我嘗試為它們設(shè)置高度，發(fā)現(xiàn)只有具體數(shù)值能撐開相應(yīng)空間，百分比高度并未按預(yù)期工作在給div1和div3設(shè)置具體高度后，它們能撐滿期望的空間，但當(dāng)高度設(shè)置為百分比時，高度并未撐開，只會隨著內(nèi)容的增加而增加這令我感到疑惑；div 全稱 division 意為“區(qū)分”使用 DIV 的方法跟使用其他 tag 的方法一樣ltDIVThis is a DIV tag ltDIV 如果單獨(dú)使用 DIV 而不加任何 CSSP， 那么它在網(wǎng)頁中的效果和使用 ltPltP 是一樣的但當(dāng)我們把 CSSP 用到 DIV 中去以后，我么就可以嚴(yán)格設(shè)定它的位置首先我們需要給。

2、你可以用CSS來設(shè)定，DIV為塊級元素例如lt！doctype htmllthtmlltheadltmeta charset=quotutf8#39 lttitle設(shè)置DIV的固定大小lttitlelt！一下代碼是設(shè)置DIV固定大小的寬度100像素高度60像素ltstyle type=quottextcssquot #div width100pxheight60pxborder1px solid #f00；1新建一個html文件，命名為testhtml，用于講解html如何將一個div置于最上層2在testhtml文件內(nèi)，使用div標(biāo)簽創(chuàng)建兩個模塊，并分別設(shè)置它們的id為testone，testtwo3在css標(biāo)簽內(nèi)，統(tǒng)一設(shè)置div的樣式，定義它們的位置屬性為絕對定位，寬度和高度為300px4在css標(biāo)簽內(nèi)，設(shè)置id為testone的樣式；1首先先打開我們的開發(fā)環(huán)境新建一個web項(xiàng)目2在html中引入css文件這里是html頁面的代碼div和ul3將所有標(biāo)簽的margin和padding初始為0然后將父級div的display設(shè)置為flexalignitems設(shè)置為center4運(yùn)行web項(xiàng)目后得到的結(jié)果如圖所示垂直居中了5 將display設(shè)置為tablecell，將verticalalign設(shè)置。

3、HTML 頁面中，html 和 body 標(biāo)簽的height是auto的如果要設(shè)置div 的高度跟瀏覽器一致，則要先將html 和 body 的高度設(shè)置為100%如果設(shè)置了父類標(biāo)簽的百分比高度，但是當(dāng)前div 的高度還是不能以百分比的形式放大縮小時，要考慮當(dāng)前div 的子類標(biāo)簽的高度是否都是以固定像素定義的如果是，則也要統(tǒng)一；在CSS中，div元素的樣式可以通過一系列屬性進(jìn)行精細(xì)調(diào)整，以達(dá)到不同的視覺效果首先，我們來看文字樣式color屬性用于設(shè)置文字顏色，如quot#quotfontfamily定義了字體類型，如宋體fontsize控制了文字大小，如10ptfontstyle和fontvariant提供了斜體和小字體兩種樣式letterspacing用于調(diào)整文字；下面是兼容IE6的IE瀏覽器當(dāng)給頂DIV高度的時候且內(nèi)容超出了該高度，那么DIV被撐大，而火狐和谷歌不會可一個給個邊框就能看出超出的效果了所以直接給height IE類瀏覽器是可以的但是火狐不行并且minheight這個樣式IE6不認(rèn)識所以用IE6HACK即_height只有IE6認(rèn)識當(dāng)超出時 也適應(yīng)，沒有。

4、div如何自動調(diào)整位置根據(jù)內(nèi)容自動調(diào)整div有三種方式，分別是首先，添加一個清晰的浮動來讓父容器知道高度注意，容器中有一個空單元格清除了浮動Html代碼如下所示明確兩者都有顯示block 第二，添加一個存在于代碼中，但在視圖中不可見的容器Html代碼如下所示明確兩者都有溢出隱藏quot；當(dāng)你把文字，圖象，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSSlayer”，或干脆叫“l(fā)ayer”而中文我們把它稱作“層次”所以當(dāng)你以后看到這些名詞的時候，你就知道它們是指一段在 DIV 中的 HTML ltDIV應(yīng)用于 Style Sheet式樣表方面會更顯威力，它最終目的是給設(shè)計(jì)者另一種；div1 表示一個類，類名是div1，對應(yīng)html中的classname屬性，如果網(wǎng)頁中有一個div或其他html元素的classname=quotdiv1quot，則大括號中的樣式，會作用在這個元素上大括號中，為樣式，采用 屬性屬性值的方式依次為高度55px 設(shè)置行間的距離行高55px 文字居中還有很多類似的屬性，不；用百分比分啊，在這個div的里邊創(chuàng)建出四個子div，寬度和高度都設(shè)置成50%就可以了；方法1可以給一個一定寬度的元素設(shè)置一個borderbottom屬性，讓其只有一個底邊框，進(jìn)而實(shí)現(xiàn)一條線的效果，代碼如下ltdiv id=quotdiv1quot ltdivltstyle #div1 margintop 100px width 900px borderbottom 1px solid #000000 ltstyle 方法2使用hr標(biāo)簽實(shí)現(xiàn)畫一。

5、HTML中的元素常常通過padding屬性來調(diào)整其內(nèi)容區(qū)域周圍的空白空間，這個屬性允許設(shè)置所有內(nèi)邊距值它包括paddingtoppaddingbottompaddingleft和paddingright四個方向的值，它們共同決定了元素邊緣與內(nèi)容之間的距離值得注意的是，對于行內(nèi)非替換元素，設(shè)置的內(nèi)邊距不會影響行高計(jì)算，這可能導(dǎo)致元素看；生成絕對定位的元素，相對于 static 定位以外的第一個父元素進(jìn)行定位元素的位置通過 quotleftquot， quottopquot， quotrightquot 以及 quotbottomquot 屬性進(jìn)行規(guī)定fixed 生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位元素的位置通過 quotleftquot， quottopquot， quotrightquot 以及 quotbottomquot 屬性進(jìn)行規(guī)定relative 生成相對定位的元素。