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

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

jq簡單實(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è)置國旗的圖層為浮動層蓋在文字層上面，再在國旗層上寫個當(dāng)鼠標(biāo)移上去的時候國旗層隱藏，代碼onmouseover=quot=#39#39quot，如果你還要當(dāng)鼠標(biāo)離開文字層時國旗層再蓋上去就在文字層寫onmouseout=quotdocumentgetElementById#39gq#39styledisplay=#39block#39quot，這里的#39gq#39是國旗層。

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 === 原頁面內(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這個意思是在中等屏幕和小屏幕文字占100%，在超小屏幕隱藏，也可以改成hidden。

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

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

lt！DOCTYPE HTMLlthtmlltheadlttitlelttitleltmeta。

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

瀏覽器的放大縮小會導(dǎo)致網(wǎng)頁布局變動，jquery的resize方法，可以根據(jù)瀏覽器的窗口大小的變動，對網(wǎng)頁進(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的寬定義一個數(shù)值就OK了，就不會撐的亂跑了如果還不行，就在div里面定義個style， wordwrap breakword wordbreak normal 一定OK。

現(xiàn)在的大部分都是div+css的布局，出現(xiàn)問題是很常見的，如網(wǎng)頁縮小時候的錯位1，因?yàn)槟愕腄IV的寬高是確定的值，所以你一縮小，自然你的瀏覽器寬度和高度就發(fā)生了變化，自然就會造成div的擠壓，因?yàn)閷?dǎo)致錯位，就像代碼中的一樣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 注通過這樣設(shè)置，就可能拉動瀏覽器，盒模型的寬度就會隨著你的拉動而變大縮小，但也是有。

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