顯示div嵌套失敗

我有一個div嵌套這樣顯示div嵌套失敗

<div> 
<div id="nested"> 
</div> 
</div>

其風格

#nested { 
    border: 1px solid #E2E2E2; 
    overflow: hidden; 
    padding-top: 5px; 
    text-align: left; 
    width: 10px; 
}

但是IE7上顯示時，嵌套的 '格' 爲中心對齊。我應該在樣式中添加什麼新內容來覆蓋以前的樣式？

沒有居中對齊的事情在Firebug或Chrome，只在IE7

我的頁面結構看起來像這樣

<html> 
<body> 
    <html> 
     <body> 
     <div id="nested"> 
     </div> 
     </body> 
    </html> 
<body> 
</html>

來源

2012-11-23 Stucky

你給我們的代碼是不夠的。嘗試使用螢火蟲或鉻檢查器找到哪個元素使div中心 –

它只發生在IE7 – Stucky

嘗試添加'float：left'到嵌套的div ... – neo108

使用條件

http://css-tricks.com/snippets/html/add-body-class-just-for-ie/

樣品

html

<!--[if IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->

CSS

html.ie7 #nested { 
     border: 1px solid #E2E2E2; 
     overflow: hidden; 
     padding-top: 5px; 
     text-align: left; 
     width: 10px; 
     float:left; 
    }

來源

2012-11-23 03:34:27 Iamowrange

這是在html.ie7不body.ie7 – Jung3o

我在IE上使用F12和viewmode是IE7，我可以改變，測試樣式/屬性添加，但這個「浮動：左」沒有任何區別 – Stucky

對不起我的壞兄弟 – Iamowrange

顯示div嵌套失敗

回答

相關問題