时间:2021-05-28
假定有二个BOX,我们需要它的最小高度为150PX。
CSS
div.box1,div.box2{
width: 300px;
min-height: 150px;
background: #EEE;
float: left;
margin-right: 20px;
}
xhtml
<div>IE中没保持最小高度为150px</div>
<div>最小高度可以设定一个BOX的最小高度, 当其内容较少时时,也能保持BOX的高度为一定</div>
现在的效果,IE中没保持最小高度为150px。
解决的方法
为IE设定一个高度
* html div.box1,* html div.box2{height: 150px;}
wellstyled.com 的解决方法是采用 CSS 的属性选择符(Attribute Selectors)
div.box1,div.box2{ ......height: 150px;}
div[class].box1,div[class].box2{height: auto;}
IE自然又是不支持的啦,Opera 和 Mozilla 支持,读取这个高度。可应用场合:搜索、文章等页面(没采用100%高度,当搜到的内容较少时,不至于页面太短。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
假定有二个BOX,我们需要它的最小高度为150PX。CSS复制代码代码如下:div.box1,div.box2{width:300px;min-height:1
文章介绍了min-height和min-width兼容多浏览器版本做法,有需要的同学可看看。min-height和min-width这两个最小高度和最小宽度的容
折腾了一上午,就是搞不定这个最小高度min-height:的问题,因为min-height:只在IE7FF中起作用。至于这个IE6死活就是不认。而我这个页面又必
复制代码代码如下:height:auto!important;height:550px;min-height:550px;在Div末尾加入代码:或者使用2.使用
方法一:复制代码代码如下:height:auto!important;height:580px;min-height:580px;把以上三行代码加到需要最小宽度