#primary DIV禁用#secondary格在Chrome

我已經在Chrome中一個奇怪的錯誤，這會影響在WordPress的頁面。#primary DIV禁用#secondary格在Chrome

我正在使用稍微修改的Wordpress Twenty Eleven兒童主題。唯一的修改基本上是CSS only，它只包含顏色/大小。然而

我的問題是，如果我插入類別列表部件那麼整個#secondary DIV becames不可點擊，直到#primary格垂直覆蓋。它只發生在Chrome中，Firefox是可以的。

，你可以看看，並告訴我什麼是錯？我認爲孩子主題沒有問題，但這個錯誤是相當嚴重的。它是一個Webkit相關的錯誤，你認爲，還是隻是錯誤的HTML/CSS？

2012-04-02 zsero

解決的辦法是刪除

#main { 
    min-height: 1000px; 
}

，因爲它引起了谷歌瀏覽器的bug。

我還是不明白爲什麼它正在發生，但通過移除它現在的作品！

來源

2012-04-05 14:19:45 zsero

我是看着你的HTML代碼，並發現，如果你改變#primary的寬度以70％的#secondary環節都能夠CE點擊。我想可能是關於webkit如何渲染頁面的方式。您可能要檢查是否正常工作，如果它不會對其他瀏覽器

來源

2012-04-02 19:56:50 pollirrata

但是，這是一個成千上萬的網站的標準佈局（二十十一）！它不能有這個錯誤！ – zsero 2012-04-02 19:58:16

看起來是在右側導航的頂部重疊，由於您使用的百分比寬度打破。

我會讓通過使CSS更改以下元素的佈局比較固定：

#primary { 
float: left; 
width: 700px; 
margin-right: 25px; 
} 

#content { 
margin: 0 34% 0 7.6%; 
width: 600px; 
} 

#secondary { 
float: right; 
width: 200px; 
}

這不是一個完整的解決方案，但它的一個開端。

來源

2012-04-02 20:04:39 sbhomra

解決方案是從#main中刪除最小高度。我不知道爲什麼會發生這種情況，但刪除它可以修復它。 – zsero 2012-04-05 14:20:37

#primary DIV禁用#secondary格在Chrome

回答

相關問題