absolute

1熱度

2回答

我有一個使用懸停狀態的容器。每當我將鼠標懸停在上面時，背景都會變爲不同的顏色。另外我使用了一個導航，我用postion顯示：絕對在容器上。每次我將鼠標懸停在導航上時，背景更改都不起作用，因爲我沒有在後臺掃描容器。有沒有解決方法？我的代碼（懸停在1）： .wrapper {position: relative;} .container {background: red; width: 1

1熱度

2回答

絕對定位的元素不高於在Safari其他絕對定位元素的iOS

我有下拉菜單下拉列表和表中的報頭中的表是絕對定位。下拉列表具有「z-index：20」標題具有「z-index：10」下拉列表的「top」和「left」屬性在代碼中設置。這裏是下拉和頭的式樣 .data-table-head { overflow: hidden; display: flex; flex-direction: row; justif

-1熱度

2回答

CSS使用元素中心來定位使用百分比的元素的位置

嗨，我正在創建一個網站，我剛剛意識到，當我想要定位html元素時，它將使用右側的元素來定位元素。這是我的意思的一個例子。我試圖用百分比在中心放置圖像。修剪我的css代碼版本：.image{position:absolute;right:50%; 所以當我加載網站時，它以50％顯示在圖片的右上角，而不是50％圖片的中心。無論如何，使用圖像中心定位圖片的位置是50％，而不是圖片的左邊緣或右邊緣是50％

0熱度

1回答

爲什麼絕對位置的div不坐在右邊？

我正在製作這個垂直時間軸，並且這些盒子應該坐在中央酒吧的兩側。但隨着timeline-box-right類的箱子不要坐在右側雖然擁有position: absolute;，float:right;，clear:right;和right:0; 有沒有其他辦法，我可以讓他們在右邊？ .row{ \t clear:both; \t text-align:center; \t displ

-1熱度

1回答

紅寶石的申請方法，以字符串插值

我想轉換一個負號在Ruby中的pos，所以我使用abs方法。 puts("You are #{playerGuess - num} away") 這是當前的代碼，但想從playerGuess - num總是正的結果。如何將abs方法應用於此？如果我做#{playerGuess - num}它只是輸出字abs

1熱度

4回答

使圖像適合容器

我試圖使用引導網格系統的每個行都有4列包含圖像，但圖像大小很大，它獲取其容器，所以我設置圖像位置：絕對和div位置：相對但它仍然無法正常工作。有沒有辦法讓圖像適合容器尺寸的div容器？ HTML： <div class="container"> <div class="row"> <div class="col-md-3 sec5row"> <img cl

1熱度

1回答

如何使一個絕對定位的元素坐在滾動父級之外，但仍然滾動它？

我有一個小預覽圖像的滾動div，用戶應該可以將其懸停並查看全尺寸圖像。我已經通過在較大的圖像上使用position: absolute;來實現此目的。這適用於預覽的第一行，但當我向下滾動查看第二行時，全尺寸圖像出現在頁面的更下方 - 預覽之前我滾動到的位置。但是，如果我將父級設置爲position: relative;，圖像只在滾動div內部可見 - 所以用戶一次只能看到每個圖像的一部分，並且

3熱度

3回答

如何防止在調整窗口大小時使用HTML-CSS移動圖像？

如何防止當我調整窗口大小時，圖像移動？當我調整我的窗口大小時，我的圖片移動，圖片的x和y位置相同，但由於窗口較小，相對於此窗口的座標使我的圖像不在所需的位置。我已經在尋找既可以使用「％」而不是「px」來定位，也可以使用「position：relative;」的解決方案。不幸的是，在我的情況下，我不能把這個「位置：相對的」因爲覆蓋我的照片，我必須設置「位置：絕對;」。這裏我的html代碼：

2熱度

1回答

如何調用onclick事件，重新啓用函數|純粹的JS只有

我有以下功能的物品內包裝。 //vars for (var i=0; i<divs.length; i++) (function(i) { divs[i].onclick = function showTheA() { if (divs[i].offsetHeight == 130) { divs[i].style.height = '250px';

-1熱度

3回答

響應式地將元素完全置於背景上

我有三個元素，我想保留在圖像響應縮小的相同位置。 .main { \t position: relative; } .container { \t display: inline; } .point { \t display: inline; position: absolute; \t max-width