CSS简单浮在IE兼容模式

留下的问题，我试图让并排两个箱侧（A 200像素左边的菜单，并且旁边有一个100％的剩余宽度主要内容的区域）。CSS简单浮在IE兼容模式

它正常工作，在所有浏览器，但很多客户都在使用IE6（没有我们可以做些什么不幸的），所以这个必须支持IE兼容模式。不幸的是，这个简单的CSS不起作用！任何人都可以帮助我，而不需要诉诸表格吗？

相关CSS：

.clear { 
    clear:both; 
} 

/* Left menu */ 
.leftMenu{ 
    width: 200px; 
    border:1px solid green; 
    height:100px; 
    float:left; 
} 

/* Main Content area */ 
.mainBox{ 
    width:100%; 
    border:1px solid red; 
} 
.mainWrapper{ 
} 




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 



<html xmlns="http://www.w3.org/1999/xhtml"> 

<head><title> 



</title><link rel="stylesheet" type="text/css" href="css/default.css" /></head> 



<body> 

    <form name="form1" method="post" action="default.aspx" id="form1"> 

<div> 

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIwNjAyODU4M2Rk5phxJ78Kc9Kf0nXvcJ7j7tQJPxw=" /> 

</div> 

    <div class="mainWrapper"> 

     <div class="leftMenu"> 

     left 

     </div> 

     <div class="mainBox"> 

     main 

     </div> 

     <div class="clear"></div> 

    </div> 



    </form> 

</body> 

</html>

来源

2011-01-25 Tom Gullen

不用IE6所以无法测试，但无论如何。尝试从.mainBox中删除width: 100%，并删除所有边框，然后使用背景颜色进行测试。我以这种方式在IE7标准中工作。

.mainBox是一个DIV，没有任何浮点数，因此它隐含地100％宽。此外边界添加到宽度，因此可能会导致测试时意外的行为。

来源

2011-01-25 11:31:06

完美，谢谢！ – 2011-01-25 11:32:56

CSS简单浮在IE兼容模式

回答

相关问题