Rumah > hujung hadapan web > html tutorial > 菜鸟喊救命了!_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:10:50
asal
1185 orang telah melayarinya

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

图片都挂了= =

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan