当前位置: 代码迷 >> ASP.NET >> 为什么在DIV中min-width不起作用解决办法
  详细解决方案

为什么在DIV中min-width不起作用解决办法

热度:3769   发布时间:2013-02-25 00:00:00.0
为什么在DIV中min-width不起作用
环境 IE8.0

代码如下

问题:min-width: 200px;不起作用,那里的原因?

<html>
<head>
  <title></title>
  <style>
  DIV.outLine
  {
  position: absolute;
  border-bottom-style: none;
  min-width: 200px;
  padding-bottom: 0px;
  border-right-style: none;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-collapse: collapse;
  max-width: 100%;
  border-top-style: none;
  float: left;
  max-height: 320px;
  border-left-style: none;
  padding-top: 0px;
  }
  .header
  {
  background-color: #003692;
  height: 18pt;
  min-width: 200px;
  }
  #headerButton
  {
  float: right;
  }
  </style>
</head>
<body>
  <div class="outLine">
  <div class="header">
  <img id="headerButton" class="icon" alt="menu">
  </div>
  </div>
</body>
</html>


------解决方案--------------------------------------------------------
DIV.outLine
{
position: absolute;
border-bottom-style: none;
有误改为
.outLine
{
position: absolute;
border-bottom-style: none;
------解决方案--------------------------------------------------------
IE根本不支持min-width
  相关解决方案