哪些舊的IE需要寬度來包含浮動子項？

我們可以使用overflow: auto;強制父母隨行附上漂浮的孩子。例如：哪些舊的IE需要寬度來包含浮動子項？

<style> 
p { 
    border: solid black 1px; 
    padding: 2px; 
    overflow: auto; 
} 

img { 
    float: right; 
} 
</style> 

<p> 
    <img src="http://placekitten.com/125/253" alt="Very Tall Image with Kitten" /> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
</p>

對於包含浮動元素，通過埃裏克邁耶砸CSS含糊地提到

如果你想確保你避開一些小問題在舊版本的IE，添加一個明確的width到你的溢出元素。

除了overflow: auto;包含浮動元素之外，哪些舊的IE需要父寬度聲明的寬度？

我測試了一個使用IE9模擬IE7和IE8的demo，但它們都包含沒有聲明寬度的浮動子項。

來源

2013-09-27 KatieK

鑑於這本書是在2010年出版的，他們可能是在談論6. – Evgeny

我用你的問題搜索了一下：https://www.google.ca/#q=Which+old+IEs+require + a + width + to + enclose + floating + children，發現這個：http://gtwebdev.com/workshop/floats/enclosing-floats.php –

@MilchePatern - Nice find;當我在這裏搜索或Google搜索時，我找不到這種東西。它說IE≤6會需要寬度。你知道這個測試嗎？ – KatieK

這可能是你正在尋找不完全是對，但是，我在IE7

曾經面臨類似的問題，我有下面的下拉菜單結構。在頁面加載.secNav是隱藏的，並可以懸停在其各自以前的錨點上，即「關於我們」。

<ul class="primaryNav"> 
    <li> 
     <a href="#">About Us</a> 
     <div class="secNav"> 
      <ul> 
       <li><a href="#">some long text goes here</a></li> 
       <li><a href="#">Mission</a></li> 
      </ul> 
     </div> 
    </li> 
</ul>

基本的CSS是

.primaryNav > li {position:relative} 

.secNav{position:absoulte; left:0; top:20px;}

僅低於IE8，我需要ASIGN「寬度」，以.secNav這將等於其最大兒童錨

也許別人有用的，請忽視

來源

2013-10-06 09:37:53

哪些舊的IE需要寬度來包含浮動子項？

回答

相關問題