height屬性作用怪異

簡單的問題（希望）height屬性作用怪異

我有一個div：

利用CSS：

。BREAK {位置：相對;高度：1px的;背景-color：＃555555; margin：5px 10px 10px 10px;}

這個div在IE 6中顯示爲一個約10-20像素厚的線？ ......在任何其他瀏覽器

任何提示，將不勝感激，..感謝工作正常..

安德魯

來源

2009-05-06 Andrew

設置

overflow: hidden;

來。BREAK應該解決的問題。

IE只爲內容保留最小空間（保留的空間等於爲此元素設置的行高或字體大小 - 不準確記得）。在所有其他瀏覽器中，如果沒有足夠的空間，則內容會從容器中流出。 IE伸展容器。因此，將溢出設置爲隱藏可解決問題。

來源

2009-05-06 19:16:12 Rafael

要命,,感謝您的解釋太... 。這解決了我的一些IE 6問題 – Andrew 2009-05-06 19:30:06

沒有看到完整的HTML標記，很難確切知道，但這可能是由於IE 6渲染盒子模型的怪癖模式[1]。爲了讓IE 6使用的標準模式，確保你明確你的HTML頁的開頭聲明文檔類型：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

如果您使用的是XML文檔類型，請確保您沒有與開始XML聲明。如果您在doctype標頭之前有一個XML聲明，那麼IE 6將回到怪癖模式。如果您使用的是XML文檔類型，您的標題應該是這樣的：

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

不是這個：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[1] http://en.wikipedia.org/wiki/Quirks_mode

來源

2009-05-06 19:22:33 Matt

height屬性作用怪異

回答

相關問題