最小寬度屬性在IE8兼容性模式下有問題

有一個父級DIV與類.list附。 Paretnt DIV由8個浮動divs與位置：相對財產。最小寬度屬性在IE8兼容性模式下有問題

父div有最小寬度屬性，當我在IE8兼容模式打開頁其考慮最小寬度屬性作爲寬度屬性並顯示所有在一排的8個DIVS。哪裏應該只顯示3個div。

下面是HTML代碼

<div id="list-container"> 
<div class='list'> 
      <div class='item'><h1>1</h1></div> 
      <div class='item'><h1>2</h1></div> 
      <div class='item'><h1>3</h1> 
      </div> 
      <div class="item"><h1>4</h1> 
      </div> 
      <div class='item'><h1>5</h1> 
      </div> 
      <div class='item'><h1>6</h1> 
      </div> 
      <div class='item'><h1>7</h1> 
      </div> 
      <div class="item"><h1>8</h1> 
      </div> 

     </div> 
</div>

CSS代碼

.list{ 
    background:grey; 
    min-width:1400px; 
    float:left; 
} 

.item{ 
    background:green; 
    width:140px; 
    height:80px; 
    margin:5px; 
    float:left; 
    position:relative; 
} 
#list-container { 
float: left; 
overflow: hidden; 
width: 450px;

}

它可以完美運行在Firefox。

更新：我看到在IE7同樣的問題，以及（使用IE8布勞爾和開關從開發工具的瀏覽器模式，IE7）

編輯：爲了更清楚，我添加圖像

IE7和IE8兼容模式

enter image description here

在此先感謝

來源

2013-03-22 KrankyCode

IM檢查即而不是problum – 2013-03-22 12:05:43

你不能用它的子元素量較低寬度的設置父容器。它總是會在某些方面顯示古怪。另外ie8不支持最小寬度。嘗試刪除最小寬度。

如果您向我們展示您真正想做的事，我們可以提供更多的幫助。

來源

2013-03-22 12:15:50 janharold

@Janharold ..感謝您花時間回答我的問題.. :)。我試圖一次只顯示3個兒童DIVS，使用JQuery並動畫以5秒的時間間隔滑動每個div。在IE7和IE8兼容模式下，所有8個div都得到顯示。預計只有3個應該顯示。 – KrankyCode 2013-03-22 12:26:36

每行3格？ – janharold 2013-03-22 12:28:07

編輯了問題部分，並添加了圖像以增加清晰度。 – KrankyCode 2013-03-22 12:41:40

對於IE，您應該添加* html .yourclass{height: 1%;}進行修復。你試過了嗎？

來源

2013-03-22 12:28:27

你繼承了錯誤的類，使差異父母和孩子，這將有助於肯定:) 具有看看小提琴

link: http://jsfiddle.net/MarmeeK/gu3Us/1/

謝謝你，

來源

2013-03-23 07:39:51 MarmiK

最小寬度屬性在IE8兼容性模式下有問題

回答

相關問題