网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:34  来源： http://www.qitongnet.com

最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX www.qitongnet.com的高度为一定，超出就自动向下延伸，但到目前为止，只有Opera 和 Mozilla 支持，IE7开始也支持了，但 北京网页设计IE7处于测试阶段，等正式版发布到普及需一段也许比较长的时间，除非MS把它捆绑在某个操作系统上，如何在现有基础上（IE6 80-90%），合理、妙用最小高度了？

假定有二个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;} 网页设计
/* IE靠这保持最小高度，超出就自动向下延伸 */ 北京网站制作
div[class].box1,div[class].box2{height: auto;}   网站设计网站设计
/* 具有类选择符(class)属性的DIV对象 */ 

IE自然又是不支持的啦，Opera 和 北京网站制作 Mozilla 支持，读取这个高度。可应用场合：搜索、文章等页面（没采用100%高度，当搜到的内容较少时，不至于页面太短。