DIV CSS网页布局 最小高度（min-height）的妙用

在网页设计中，设定一个盒子的最小高度是非常实用的功能。尤其是在内容较少的情况下，我们希望盒子能够保持一定的高度，避免看起来过于空旷。而目前，许多浏览器如Opera和Mozilla已经支持这一功能。即使IE7开始也加入了支持，但由于其仍处在测试阶段，正式版发布并普及可能需要一段时间。那么，如何在现有基础上，即在IE6占据的80-90%的市场占有率下，巧妙利用最小高度呢？

假设我们有两个盒子，我们希望它们的最小高度为150像素。在CSS中，我们可以这样设定：

```css

div.box1, div.box2 {

width: 300px;

min-height: 150px;

background: EEE;

float: left;

margin-right: 20px;

}

```

但在IE浏览器中，最小高度似乎没有起作用。这时，我们需要为IE采取一些额外的措施。一种方法是针对IE设置固定的高度：

```css

html div.box1, html div.box2 {

height: 150px;

}

```

另一种方法则是使用CSS的属性选择符。例如：

```css

div.box1, div.box2 {

height: 150px; / 这会让IE认为有最小高度 /

}

div[class].box1, div[class].box2 {

height: auto; / 但在其他浏览器中则会自动调整高度 /

}

```

不过需要注意的是，IE浏览器并不支持这种属性选择符的用法。我们需要在保证兼容性的前提下寻找解决方案。在实际应用中，比如在搜索或面，我们不希望页面因为内容过少而显得过于简短。在这种情况下，设定盒子的最小高度非常有必要。我们也要考虑到用户的体验，确保在不同浏览器下都能得到良好的视觉体验。至于“cambrian.render('body')”，似乎是一个特定的代码片段或函数调用，但在上下文中并未给出其具体含义或用途，可能需要更多的背景信息来进一步解释。