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頁(yè)面，此時(shí)input框的寬度被設(shè)置為200px，高度被設(shè)備為60px；HTML代碼如下我創(chuàng)建了三個(gè)div，它們是塊級(jí)元素，會(huì)自動(dòng)撐開寬度但當(dāng)我嘗試為它們?cè)O(shè)置高度，發(fā)現(xiàn)只有具體數(shù)值能撐開相應(yīng)空間，百分比高度并未按預(yù)期工作在給div1和div3設(shè)置具體高度后，它們能撐滿期望的空間，但當(dāng)高度設(shè)置為百分比時(shí)，高度并未撐開，只會(huì)隨著內(nèi)容的增加而增加這令我感到疑惑；div 全稱 division 意為“區(qū)分”使用 DIV 的方法跟使用其他 tag 的方法一樣ltDIVThis is a DIV tag ltDIV 如果單獨(dú)使用 DIV 而不加任何 CSSP， 那么它在網(wǎng)頁(yè)中的效果和使用 ltPltP 是一樣的但當(dāng)我們把 CSSP 用到 DIV 中去以后，我么就可以嚴(yán)格設(shè)定它的位置首先我們需要給。

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

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

4、div如何自動(dòng)調(diào)整位置根據(jù)內(nèi)容自動(dòng)調(diào)整div有三種方式，分別是首先，添加一個(gè)清晰的浮動(dòng)來(lái)讓父容器知道高度注意，容器中有一個(gè)空單元格清除了浮動(dòng)Html代碼如下所示明確兩者都有顯示block 第二，添加一個(gè)存在于代碼中，但在視圖中不可見的容器Html代碼如下所示明確兩者都有溢出隱藏quot；當(dāng)你把文字，圖象，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSSlayer”，或干脆叫“l(fā)ayer”而中文我們把它稱作“層次”所以當(dāng)你以后看到這些名詞的時(shí)候，你就知道它們是指一段在 DIV 中的 HTML ltDIV應(yīng)用于 Style Sheet式樣表方面會(huì)更顯威力，它最終目的是給設(shè)計(jì)者另一種；div1 表示一個(gè)類，類名是div1，對(duì)應(yīng)html中的classname屬性，如果網(wǎng)頁(yè)中有一個(gè)div或其他html元素的classname=quotdiv1quot，則大括號(hào)中的樣式，會(huì)作用在這個(gè)元素上大括號(hào)中，為樣式，采用 屬性屬性值的方式依次為高度55px 設(shè)置行間的距離行高55px 文字居中還有很多類似的屬性，不；用百分比分啊，在這個(gè)div的里邊創(chuàng)建出四個(gè)子div，寬度和高度都設(shè)置成50%就可以了；方法1可以給一個(gè)一定寬度的元素設(shè)置一個(gè)borderbottom屬性，讓其只有一個(gè)底邊框，進(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屬性來(lái)調(diào)整其內(nèi)容區(qū)域周圍的空白空間，這個(gè)屬性允許設(shè)置所有內(nèi)邊距值它包括paddingtoppaddingbottompaddingleft和paddingright四個(gè)方向的值，它們共同決定了元素邊緣與內(nèi)容之間的距離值得注意的是，對(duì)于行內(nèi)非替換元素，設(shè)置的內(nèi)邊距不會(huì)影響行高計(jì)算，這可能導(dǎo)致元素看；生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位元素的位置通過 quotleftquot， quottopquot， quotrightquot 以及 quotbottomquot 屬性進(jìn)行規(guī)定fixed 生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位元素的位置通過 quotleftquot， quottopquot， quotrightquot 以及 quotbottomquot 屬性進(jìn)行規(guī)定relative 生成相對(duì)定位的元素。