1先新建一个html文件，并在head中添加样式表styletype=quottextcssquotstyle2在body中添加一个DIV，并引入一个CSS，命名为aaa3给这个DIV添加背景色，并定义它的宽和高background#FA2width400pxheight600px4然后添加如下代码positionfixedleft50%top。

1先在找个文件夹创建文件indexhtml2然后用能编辑文本文件的软件打开indexhtml，indexhtml的初始内容如图3接着编写两个样式作为鼠标移动时div修改的样式4然后编写js代码修改div的样式5编辑完indexhtml后保存，在浏览器中打开indexhtml效果如图鼠标移入移出div时，div的样式改。

jq简单实现的，点击按钮获得text的内容，并且替换div的内容，希望采纳lt！DOCTYPE htmllthtmlltheadltmeta charset=quotGB2312quotlttitlelttitleltscript src=quotjquery200ltscriptltheadltbodyltinput class=quottxtquot type=quottextquot ltbutton class=quotbottonquot按钮ltbutton。

你可以先设置国旗的图层为浮动层盖在文字层上面，再在国旗层上写个当鼠标移上去的时候国旗层隐藏，代码onmouseover=quot=#39#39quot，如果你还要当鼠标离开文字层时国旗层再盖上去就在文字层写onmouseout=quotdocumentgetElementById#39gq#39styledisplay=#39block#39quot，这里的#39gq#39是国旗层。

function ChangeDiv documentgetElementByIdquot1quotinnerHTML=quot内容2quot ltscript lthead ltbr ltbr ltbr ltdiv id = quot1quot 内容1ltdiv ltinput type=quotbuttonquot onclick=quotChangeDivquot value=quot设置DIV内容quot ltbody lthtml === 原页面内容如下点击“设置DIV内容”按。

link加上bootstrap 图片可以做背景ltdiv style=quotbackgroundurlimgXXXjpg center center norepeatbackgroundsize100% 100%quot 在里面写ltdiv class=quotcolmd12 colsm12 hiddenxsquotlth1XXXlth1ltdiv这个意思是在中等屏幕和小屏幕文字占100%，在超小屏幕隐藏，也可以改成hidden。

你好，这是由于每个标签都有默认的边距，所以你虽然去掉了div的边距，但是h1也是有的，如果你不需要，可以把h1的边距也去掉当然还是有另外的解决办法，就是给div添加overflowhidden。

myDiv width autoheight auto 通过这段代码，我们可以创建一个div，它会根据其内容自动调整大小无论页面大小如何变化，这个div都能保持与内容大小相匹配，不会出现内容溢出或显示不全的情况值得注意的是，除了使用auto参数外，还可以使用百分比来设置div的宽度和高度，这样div的尺寸就会根据。

lt！DOCTYPE HTMLlthtmlltheadlttitlelttitleltmeta。

DIV 没有太好的上下居中方法，兼容性最好的方式是用JS来计算DIV的高度，然后取浏览器窗口高度的一半DIV高度=给DIV上部margin赋值有一种变通方式是把DIV改为TABLE，外层是一个一行一列，宽高100%的TABLE，然后给个table的TD设置为上下左右居中。

浏览器的放大缩小会导致网页布局变动，jquery的resize方法，可以根据浏览器的窗口大小的变动，对网页进行操作以下是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的宽定义一个数值就OK了，就不会撑的乱跑了如果还不行，就在div里面定义个style， wordwrap breakword wordbreak normal 一定OK。

现在的大部分都是div+css的布局，出现问题是很常见的，如网页缩小时候的错位1，因为你的DIV的宽高是确定的值，所以你一缩小，自然你的浏览器宽度和高度就发生了变化，自然就会造成div的挤压，因为导致错位，就像代码中的一样ltdiv id=#39main#39 ltdiv class=#39a#39 style=quotwidth1000px flaotleft。

ltdiv class=quotonequot流体布局ltdivltdiv class=quottwoquot布局ltdiv onewidth80% fontsizeem设置自体的大小，em可以让自体根据浏览器不同而更加优与阅读 twowidth20%fontsizeem 注通过这样设置，就可能拉动浏览器，盒模型的宽度就会随着你的拉动而变大缩小，但也是有。

ltdiv style=quotwidth900pxquotltdiv 默认情况下应该不会换行的，可能是你的div外面还有标签嵌套在那里，外面个标签设置了长度。