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转成效

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

缘由阐发

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

(1)断根款式

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

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
幽灵米只做资源收集整理,如需商用请联系原作者购买版权。
幽灵米 » html中div堆叠题目的缘由站长工具 闭站-阐发战处置