如何巧妙运用CSS布局中最小高度（min-height）

广州网站设计,专业网站设计

最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸，但到目前为止，只有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%高度，当搜到的内容较少时，不至于页面太短。

此文《如何巧妙运用CSS布局中最小高度（min-height）》由三行网络公司原创，转载请保留原文链接，谢谢！
关键词标签：广州网站设计,专业网站设计    (PC+手机)响应式网站建设

• 海外机械设备网站建设——如何搭建
• 饰品网站建设,饰品网站设计栏目风格规划
• 电线电缆网站建设,设计制作重在体验
• 响应式网站优势,做个响应式网站多少钱
• 网站banner图片如何设计：突出重点信..
• 怎么做网页,网站版面如何设计,步骤是怎样..
• Dreamweaver网站设计常见问题大..
• 什么样的词条才符合百度百科收录标准
• 企业QQ推广能有效增加网站流量吗
• 大部分网络公司做网站,为什么不承诺网站排..
• 制作网站后台管理的关键点:用户体验
• 什么是HTML5,有什么优势
• 广州建站知识:从哪些方面看出网站是否优化..
• 广州保温材料网站建设,以展示产品为中心
• 天河区网页设计公司,如何建设一个成功的网..