> 웹 프론트엔드 > HTML 튜토리얼 > 菜鸟喊救命了!_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:10:50
원래의
1186명이 탐색했습니다.

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

图片都挂了= =

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿