ASP当前位置:首页 > 教程 > Web 开发 > ASP

100分求:图片太高,向下撑破了DIV怎么办

发布时间:2013-12-21来源:互联网作者:佚名
我想实现DIV自适应图片高度,
但是不能用hidden的方式把高出来的部分隐藏。

现在的情况是,页面偶尔出现图片过高向下撑破主体DIV,但是刷新一下就正常了。

CSS的DIV定义如下:
div,li,td,p,select,input,textarea,a,button,input
{
word-break:break-all;
word-wrap: break-word; 
}

被撑破的情况截图如下:

2013-12-15 11:27:32 guda9sex0
引用 5 楼 aloesky 的回复:
不行,还是没搞定


真正的解决方法,这次绝对有效,我已经试过了:

1、如果父DIV和子DIV都没有定义高度,而且没有使用浮动(float),高度就会自适应,不会出现问题。

2、当你在子DIV里使用float之后,你会发现父DIV不再随子DIV的高度自适应。

这时我们需要做的就是:
在使用float的DIV之后再加一个空的DIV,然后在这个DIV上清除float。

举例:

<styletypestyletype="text/css"> 
    #fatherDIV{border:#000000solid5px;}
    #babyDIV1{border:#00ffffsolid5px;float:left}  
    #babyDIV2{border:#0033CCsolid5px;float:right} 
</style> 

<div id="aa">父div 
    <div id="bb">子div</div> 
    <div id="cc">子div</div> 
    <div style="clear:both">就是这个用于clear错误的</div>
</div>
参与评论已经有 人参与
请自觉遵守互联网相关的政策法规1,严禁发布色情、暴力、反动的言论。
网站首页|FYCMS官网|网站地图|
收缩