IE7、IE8、IE9对min

Stella981
• 阅读 654

问题:
       IE7、IE8、IE9对min-height不识别,其他无问题
解决:
      #box{width: 100px; height: 35px;}
     html>body#box{ width:auto; height:auto; width:100px; min-height:35px;}

 实例:

<span style="font-size:18px;">  <style type="text/css">
#box{ width: 100px; height: 35px;}
html>body #box{ width:auto; height:auto; width:100px; min-height:35px;} 
  </style>
</head>
<body >
     <div style="border:1px solid red; width:150px; height:35px;">最小宽度问题</div>
     <br/>
     <div style="border:1px solid red; width:150px; min-height:35px;">最小宽度问题</div>
     解决方法:
     <div id="box" style="border:1px solid red;">最小宽度问题</div>
     <br/>
     <div id="box" style="border:1px solid red;">最小宽度问题</div>
</div>
</body></span>
点赞
收藏
评论区
推荐文章
Easter79 Easter79
2年前
vue+element+echarts饼状图+可折叠列表
html:<divid"echartsDiv"style"width:48%;height:430px;float:left;"</div<divid"tableDiv"style"width:52%;float:left;"<eltable:d
昔不亏 昔不亏
2年前
「Vue — 插件」标尺vue-sketch-ruler
安装npminstallsavevuesketchruler示例<template<divclass"wrapper"id"wrapper"<SketchRule:lang"lang":thick"thick":scale"scale":width"width":height"
Wesley13 Wesley13
2年前
iOS 开发屏幕适配尺寸
iPhone4         width 320        height 480iPhone5/5s      width 320        height 568iPhone6         width 375  
菜园前端 菜园前端
1年前
绝对定位、相对定位、固定定位的区别有哪些?
原文链接:正常布局文档流布局方式,按照顺序一个个排列好,效果如下图:html.box1width:100px;height:100px;backgroundcolor:ff8077;.box2width:100px;height:100px;backgro
Stella981 Stella981
2年前
PhoneGap设置Icon
参考:http://cordova.apache.org/docs/en/latest/config\_ref/images.html通过config.xml中的<icon标签来设置Icon<iconsrc"res/ios/icon.png"platform"ios"width"57"height"57"densi
Wesley13 Wesley13
2年前
CSS 样式注意、常识
padding的值,不能为负数。使用absolute后,在定义好width和height,使用border的width和height会变大、变宽。设置好看的细线 .thinBorder:after{  content:'';  width:100%;  display:block;  
Stella981 Stella981
2年前
Avue前端控件大全和表格属性
//表格属性//width:“100%”,//表格宽度//calcHeight:“auto”,//表格高度差(主要用于减去其他部分让表格高度自适应)//height:“auto”,//表格高度//maxHeight:“auto”,//表格最大高度//border:true,//是否显示表格边框//e
Stella981 Stella981
2年前
CSS之border绘制三角形
用CSS的border可以画出高质量的三角形。我们一般会这么使用border:testborder{width:100px;height:100px;margin:100pxauto;background:fff;border:2px
Wesley13 Wesley13
2年前
【CSS】IE8 中 height 与 min
测试demo 源代码:<!DOCTYPE html<html lang"zhCN"<head    <meta charset"UTF8"    <meta httpequiv"XUACompatible" content"IEedge,chrome1"/    <
Wesley13 Wesley13
2年前
Java Web中如何上传视频(用上传视频信息为例)
1.上传视频信息的jsp页面uploadVideo.jsp<bodybackground"image/bk\_hero.jpg"<divid"upld"style"height:300px;width:300px;marginleft:300px;margintop:100px;"<table<!