详细内容
您当前的位置:网站主页 > 技术文档 > DIV+CSS >

div+css固定高度,文本超高时自动适应高度

作者:admin 点击:


  在IE6.0中,只要设置div固定高度,当文本超高时,文本就能自适应高度。但是IE7.0及IE更高版本、FireFox以及Google浏览器等都不支持这种设置。这时我们只能通过Hack代码来实现。主要代码如下:

.gao{
 height:auto!important;
 height:100px;
 min-height:100px;
}
<div class="gao">木兰山 mulanshan.com <br>木兰山 mulanshan.com <br>木兰山 mulanshan.com </div>

  因为IE6.0不能识别:height:auto!important; 也不能识别:min-height:100px; 所以IE6.0只执行了:height:100px;

  IE7.0及IE更高版本、FireFox及Google浏览器等则按顺序执行了所有代码。而最后的min-height:100px; 让div的高度最小为100px;当文本超高时,height:auto !important就生效了。这样就能实现div高度固定,当文本超高时自适应高度的效果。

  点击这里查看实例:div+css固定高度,文本超高时自动适应高度。




【 打印本页 】  【 点击返回 】

专业提供: 武汉做网站武汉网站建设武汉网站制作武汉网页设计武汉网站仿制武汉网站维护等服务

木兰山网站建设工作室   联系QQ: 1003959393    412852887    电话:15972107637

Copyright © 2009-2013    技术支持:木兰山网络