首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS 统制最小宽度,最小高度

2012-07-08 
CSS 控制最小宽度,最小高度http://blog.163.com/chenzhenhua_007/blog/static/12849264920111943230704/可

CSS 控制最小宽度,最小高度
http://blog.163.com/chenzhenhua_007/blog/static/12849264920111943230704/
可以使用 css 属性:min-width。但是,IE 不认。Google 找到一个文章,讲解了如何纯用 css 解决这个问题。方法是配合使用 min-width 和仅 IE 认的 Dynamic Properties。
例子:



这个东西真的不错,我喜欢,哈哈

高度最小值


  我们设置了容器mycss的宽度为:width:100%; 其实这是一句废话,因为DIV是块元素,默认的宽度就是父级元素的宽度。此例中div宽度,若不进行声明则等同于body的宽度。

  我们设置容器的max-width为500px。这对于FF来说是有效的。而对于IE则没有作用。

  面对没有效果的IE,我们应用 e?xpression_r_r_r嵌入脚本,声明了当宽度大于500px的时候,宽度就等于500px。

   parseInt(document.body.currentStyle.fontSize)?"33e m":"auto" 如果这个实际宽度大于 (500/12)当前字体的尺寸,则设置页面的宽度为 33em。

  同样,对于最小的宽度,和ax/min-hight,也是一样的:
  最小:


最大高度:


最小高度:
 另外还有一种简单的方法: 
#a {height:auto !important; min-height:400px;}


  这个样式可以在IE5.5,IE6,IE7以及FF,Safari等浏览器下的解决最小高度问题,最大高度就没有实践过了

热点排行