我該如何定位另一個div的div權限，但不讓它佔用空間？

我有一個項目列表（稱爲他們的主題），我想要一個div出現，以便用戶在主題懸停時可以與它交互（稱之爲主題卡）。我目前的想法是在每個主題旁邊放置一個div並相應地定位它。但是，我很難這樣做。它不能佔用頁面上的空間，所以我想我會使用position：absolute。但是，它必須始終放在主題的右側，並且float：left和position：absolute的組合意味着主題卡僅放置在與主題重疊的位置。我該如何定位另一個div的div權限，但不讓它佔用空間？

我可以對此有任何建議嗎？我也接受某種jQuery建議。真的，我會做最簡單，最符合標準的。

來源

2011-10-29 Paragon

忍者編輯：這可能是你在找什麼。 http://twitter.github.com/bootstrap/javascript.html#popover –

使用「顯示」屬性。嘗試「顯示：內聯」 http://www.w3schools.com/cssref/pr_class_display.asp

來源

2011-10-29 04:09:51 Aspen

哇，太棒了！很好很簡單，堅持CSS。非常感謝！ – Paragon

如果您最多可以顯示一次在一個組topicdetails中，有一個DIV設置到位置0,0與display = none。無論何時你需要它顯示，適當地設置位置（從mousover/hover DOM元素獲取它，或者用來觸發顯示它的事件），並加載/設置內容。在移除時，只需將顯示設置爲無（您可以忽略內容，因爲下次顯示時它將被新內容替換）。

來源

2011-10-29 04:14:31 yoozer8

這裏有大量的jQuery工具提示插件，你應該使用其中的一個並按照你想要的方式進行配置。

這裏有一些爲例： http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

來源

2011-10-29 04:15:41 Marc

如果你知道大一切都是怎麼那麼你可以絕對有負面right定位您的「主題牌」推到一邊。事情是這樣的CSS：

#element { 
    margin-right: 100px; 
    position: relative; 
} 
#sidecar { 
    display: none; 
    width: 100px; 
    position: absolute; 
    right: -100px; 
    top: 0; 
}

而這個HTML結構：

<div id="element"> 
    <div id="sidecar"> 
    </div> 
</div>

這來激活它：

$('#element').hover(function() { 
    $('#sidecar').toggle(); 
});

演示：http://jsfiddle.net/ambiguous/5a79g/

如果你不知道有多大的事情，那麼你可以使用jQuery來計算位置和寬度3210和width方法。

來源

2011-10-29 04:16:28

我該如何定位另一個div的div權限，但不讓它佔用空間？

回答

相關問題