html中div堆叠题目的缘由站长工具 闭站-阐发战处置

先去看下一段代码:

  1. <!DOCTYPE html >
  2. <html>
  3. <head>
  4. <meta http-equiv="Co联盟账户与站长工具ntent-Type" content="text/html; charset=utf-8" />
  5. <title>堆叠DIV</title>
  6. <style>
  7. .left{width:200px; float:left; color:#F00; border:1px solid #F00}
  8. .nofloat{width:100px; background:#CCC}
  9. </style>
  10. </head>
  11. <body>
  12. <div class="left">left工具DIV内</div>
  13. <div class="nofloat&quot站长工具服务器;>nofloat工具DIV内</div>
  14. </body>
  15. </html>

复造代码

站长工具js转转成效:

缘由阐发

class=left的div盒子利用了浮动属性float:left,而class=nofloat已利用。如许一个浮动DIV,一个已利用float浮动属性,因此便形成堆叠征象。
怎么看站长工具的数据好不好
处理方式

(1)断根款式

(2)2个皆用浮动,或皆不消

幽灵米只做资源收集整理,如需商用请联系原作者购买版权。
幽灵米 » html中div堆叠题目的缘由站长工具 闭站-阐发战处置

Leave a Reply

Leave a Reply

提供最优质的资源集合

立即查看 了解详情