首页 >web前端 >html教程 >菜鸟喊救命了!_html/css_WEB-ITnose

菜鸟喊救命了!_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:10:501181浏览

[img=http://cm.qzs.qq.com/qzone/photo/zone/new/photoNewView.html#aid=V13enn621fH0VC&lloc=NDFi5.LOECe*p0.YmwoNF0dxOrNhAAA!][/img]
如图:红线处是一个 向右浮动 的div1
[img=http://b96.photo.store.qq.com/psb?/V13enn621fH0VC/jWBrKPD0zwVHN0NVgI.ONb0rZh0hsVKfTmrR61DcR6A!/b/YRokQzlbdwAAYkeUPjk7dwAA][/img]
如图:红圈内是嵌套在div1中的  向左浮动的div2
[img=http://b95.photo.store.qq.com/psb?/V13enn621fH0VC/FQkuMAg2ng.PgeVFZtGI*PY1PRHfWWADKBySggL1hgo!/b/YT2Qqjj8dQAAYkwnrzjkdgAA][/img]

如图:产生了红圈内的空间.多余的空间如何清除掉?
这是简化的代码:

html:

 


    

        

        

        

    

  

   
 css:
          .div1{float:right;}
            .div2{float:left;}
          


回复讨论(解决方案)

.div2
{
  float:left;
  margin:0;
  padding:0;
}

我的意思是 一个 浮动的块中 又嵌套了多个浮动的小块 

如果这些小块和父块的高度一样,那他们肯定会向下移,溢出父块.

我想知道怎么让小块不溢出父块

楼主用html+css 把问题 呈现出来。

图片都挂了= =

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn