Heim > Web-Frontend > HTML-Tutorial > 菜鸟喊救命了!_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:10:50
Original
1183 Leute haben es durchsucht

[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 把问题 呈现出来。

图片都挂了= =

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage