在調用setAnchor（）之後，div元素仍佔用空間（僅限IE）

我有這種格式的html。在調用setAnchor（）之後，div元素仍佔用空間（僅限IE）

<html> 
<head> 
... 
</head> 
<body> 
<label id='view' onClick="ShowMe()">show my name</label> 
<img src="home.jpg" width="800px" height="600px"/> 
<div id='name' style="display:none;height:200px">Your Name is DARSHAN</div> 
</body> 
</html>

，並在JavaScript我有這個功能

ShowMe() 
{ 
var nameDiv=Ext.get('name'); 
var viewDiv=Ext.get('view'); 
nameDiv.setStyle('display','block'); 
nameDiv.anchorTo(viewDiv,"tr-br?"); 

}

這件事情能正常工作在所有的瀏覽器，但在IE中，當我點擊「顯示我的名字」的標籤，其顯示的「名稱」標籤在顯示我的名字的同時，還通過'name'Div標籤佔據了一個垂直空間，並出現一個滾動條。如何擺脫它？

來源

2011-12-21 Darshan N Reddy

'這個事情的作品在所有的瀏覽器，但在IE'罰款。談談運氣與這些錯誤:) – PeeHaa 2011-12-21 16:22:47

在與辦公室的專家討論後，我才知道這一點。

當您在一個地方定義Div並將錨定到其他地方時，可能會出現此問題。定位標記的工作原理是，我們需要錨定的div的座標，並相應地定義新標記的頂部和左側。所以我們需要確保我們已經將'poistion'屬性值定義爲'絕對'。

所以我的問題溶液中加入

來源

2011-12-23 09:48:46

內聯樣式上被劃分爲「」

這是無效的，CSS規則有一個分號‘;’結尾

當涉及到有效的html/css時，IE非常挑剔

來源

2011-12-21 12:48:52 Julian

嘿，對不起，我沒有它在實際的代碼！ – 2011-12-22 05:37:43

這是如何工作的？有很多的錯誤在此代碼：

應該有一個分號在你的風格屬性值，而不是逗號：

<div id='name' style="display:none;height:200px">

有一個錯字 - display被稱爲dispaly：

nameDiv.setStyle('display','block');

此外，什麼是setStyle和anchorTo函數？他們來自哪個圖書館？你自己寫了嗎？請提供更多信息。

編輯：謝謝您PPvG添加標籤ExtJS的

請提供的實際工作/故障代碼（複製和粘貼）片段，而不是手動編寫新的代碼。

來源

2011-12-21 12:49:42

對不起！只寫了示例程序。在實際的代碼中，我沒有在實際代碼中出現這些錯誤。在實際的程序中，所有的CSS都在一個單獨的文件中！而實際的代碼片段很少。所以我在這裏寫了摘要 – 2011-12-22 04:19:50

更改了標題（等待批准）。希望有一些Ext-JS專家會幫助你。 :) – 2011-12-22 08:29:48

謝謝你..亞希望如此！ – 2011-12-23 05:21:40

在調用setAnchor（）之後，div元素仍佔用空間（僅限IE）

回答

相關問題