您好,欢迎访问一九零五行业门户网

高分求:DIV要么撑破,要么就被截断隐藏怎么才能根据长短自适应显示呢_html/css_WEB-ITnose

在css内的div定义如下
div,li,td,p,select,input,textarea,a,button,input{font:12px verdana, arial, helvetica, sans-serif;color:#505050;text-decoration: none;overflow:hidden;word-break:break-all;word-wrap: break-word; }

可是,内容要么被截断,如下图:
内容要么就把div撑破了,直接在外面显示,如下图:
如果刷新一下,则可以正常显示。
不知应该如何解决。
请指教
回复讨论(解决方案) css的定义如下:
div,li,td,p,select,input,textarea,a,button,input{font:12px verdana, arial, helvetica, sans-serif;color:#505050;text-decoration: none;overflow:hidden;word-break:break-all;word-wrap: break-word; }

overflow:hidden;
去掉后,不截断了,但是撑破
两个地方都有啊。
在css定义里面加一句:
height:auto;
终极解决方案来了:
在你的总容器div上加上这个属性:overflow:hidden;
然后在你的子容器div上都加上这个属性:padding-bottom:100000px;margin-bottom:-100000px;
楼主另外一帖里,我也回了,看能不能被赏200米
不行啊,还是没搞定
不行啊,还是没搞定
真正的解决方法,这次绝对有效,我已经试过了:
1、如果父div和子div都没有定义高度,而且没有使用浮动(float),高度就会自适应,不会出现问题。
2、当你在子div里使用float之后,你会发现父div不再随子div的高度自适应。
这时我们需要做的就是:
在使用float的div之后再加一个空的div,然后在这个div上清除float。
举例:
父div 子div
子div
就是这个用于clear错误的

其它类似信息

推荐信息