当前位置:Gxlcms > html代码 > 菜鸟喊救命了!_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:28人阅读

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

图片都挂了= =

人气教程排行