为什么在DIV中min-width不起作用解决办法
日期：2014-05-17 浏览次数：20504 次
为什么在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
环境 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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
