1先新建一個(gè)html文件，并在head中添加樣式表styletype=quottextcssquotstyle2在body中添加一個(gè)DIV，并引入一個(gè)CSS，命名為aaa3給這個(gè)DIV添加背景色，并定義它的寬和高background#FA2width400pxheight600px4然后添加如下代碼positionfixedleft50%top。

1先在找個(gè)文件夾創(chuàng)建文件indexhtml2然后用能編輯文本文件的軟件打開(kāi)indexhtml，indexhtml的初始內(nèi)容如圖3接著編寫兩個(gè)樣式作為鼠標(biāo)移動(dòng)時(shí)div修改的樣式4然后編寫js代碼修改div的樣式5編輯完indexhtml后保存，在瀏覽器中打開(kāi)indexhtml效果如圖鼠標(biāo)移入移出div時(shí)，div的樣式改。

jq簡(jiǎn)單實(shí)現(xiàn)的，點(diǎn)擊按鈕獲得text的內(nèi)容，并且替換div的內(nèi)容，希望采納lt！DOCTYPE htmllthtmlltheadltmeta charset=quotGB2312quotlttitlelttitleltscript src=quotjquery200ltscriptltheadltbodyltinput class=quottxtquot type=quottextquot ltbutton class=quotbottonquot按鈕ltbutton。

你可以先設(shè)置國(guó)旗的圖層為浮動(dòng)層蓋在文字層上面，再在國(guó)旗層上寫個(gè)當(dāng)鼠標(biāo)移上去的時(shí)候國(guó)旗層隱藏，代碼onmouseover=quot=#39#39quot，如果你還要當(dāng)鼠標(biāo)離開(kāi)文字層時(shí)國(guó)旗層再蓋上去就在文字層寫onmouseout=quotdocumentgetElementById#39gq#39styledisplay=#39block#39quot，這里的#39gq#39是國(guó)旗層。

function ChangeDiv documentgetElementByIdquot1quotinnerHTML=quot內(nèi)容2quot ltscript lthead ltbr ltbr ltbr ltdiv id = quot1quot 內(nèi)容1ltdiv ltinput type=quotbuttonquot onclick=quotChangeDivquot value=quot設(shè)置DIV內(nèi)容quot ltbody lthtml === 原頁(yè)面內(nèi)容如下點(diǎn)擊“設(shè)置DIV內(nèi)容”按。

link加上bootstrap 圖片可以做背景l(fā)tdiv style=quotbackgroundurlimgXXXjpg center center norepeatbackgroundsize100% 100%quot 在里面寫ltdiv class=quotcolmd12 colsm12 hiddenxsquotlth1XXXlth1ltdiv這個(gè)意思是在中等屏幕和小屏幕文字占100%，在超小屏幕隱藏，也可以改成hidden。

你好，這是由于每個(gè)標(biāo)簽都有默認(rèn)的邊距，所以你雖然去掉了div的邊距，但是h1也是有的，如果你不需要，可以把h1的邊距也去掉當(dāng)然還是有另外的解決辦法，就是給div添加overflowhidden。

myDiv width autoheight auto 通過(guò)這段代碼，我們可以創(chuàng)建一個(gè)div，它會(huì)根據(jù)其內(nèi)容自動(dòng)調(diào)整大小無(wú)論頁(yè)面大小如何變化，這個(gè)div都能保持與內(nèi)容大小相匹配，不會(huì)出現(xiàn)內(nèi)容溢出或顯示不全的情況值得注意的是，除了使用auto參數(shù)外，還可以使用百分比來(lái)設(shè)置div的寬度和高度，這樣div的尺寸就會(huì)根據(jù)。

lt！DOCTYPE HTMLlthtmlltheadlttitlelttitleltmeta。

DIV 沒(méi)有太好的上下居中方法，兼容性最好的方式是用JS來(lái)計(jì)算DIV的高度，然后取瀏覽器窗口高度的一半DIV高度=給DIV上部margin賦值有一種變通方式是把DIV改為TABLE，外層是一個(gè)一行一列，寬高100%的TABLE，然后給個(gè)table的TD設(shè)置為上下左右居中。

瀏覽器的放大縮小會(huì)導(dǎo)致網(wǎng)頁(yè)布局變動(dòng)，jquery的resize方法，可以根據(jù)瀏覽器的窗口大小的變動(dòng)，對(duì)網(wǎng)頁(yè)進(jìn)行操作以下是div隨著瀏覽器窗口大小變更，改變大小resize的案例htmlltbody ltdiv id=quotresizeDivquot style=quotheight 100pxwidth 100pxborder1px solid #adadadquotltdiv ltbody 效果。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltheadltbodyltdiv id=quotnamequotltdivltscriptvar mycars = new Arraymycars0 = quot我叫王大炮quotmycars1 = quot我叫王大炮quotmycars2 = quot我叫張大膽quotmycars3 = quot我叫王大錘quot var d=。

你給div的寬定義一個(gè)數(shù)值就OK了，就不會(huì)撐的亂跑了如果還不行，就在div里面定義個(gè)style， wordwrap breakword wordbreak normal 一定OK。

現(xiàn)在的大部分都是div+css的布局，出現(xiàn)問(wèn)題是很常見(jiàn)的，如網(wǎng)頁(yè)縮小時(shí)候的錯(cuò)位1，因?yàn)槟愕腄IV的寬高是確定的值，所以你一縮小，自然你的瀏覽器寬度和高度就發(fā)生了變化，自然就會(huì)造成div的擠壓，因?yàn)閷?dǎo)致錯(cuò)位，就像代碼中的一樣ltdiv id=#39main#39 ltdiv class=#39a#39 style=quotwidth1000px flaotleft。

ltdiv class=quotonequot流體布局ltdivltdiv class=quottwoquot布局ltdiv onewidth80% fontsizeem設(shè)置自體的大小，em可以讓自體根據(jù)瀏覽器不同而更加優(yōu)與閱讀 twowidth20%fontsizeem 注通過(guò)這樣設(shè)置，就可能拉動(dòng)瀏覽器，盒模型的寬度就會(huì)隨著你的拉動(dòng)而變大縮小，但也是有。

ltdiv style=quotwidth900pxquotltdiv 默認(rèn)情況下應(yīng)該不會(huì)換行的，可能是你的div外面還有標(biāo)簽嵌套在那里，外面?zhèn)€標(biāo)簽設(shè)置了長(zhǎng)度。