css-position

-1熱度

1回答

我試圖在名爲contact-show的第二個段落中水平滑動第一個名爲contact-list。現在，絕對和相對的立場是有效的。但是，當我試圖插入包括電話號碼的第二個div時，所有東西都堆疊在一起。我希望它們像塊元素一樣顯示在另一個上面。據我所知，我使用絕對位置來使幻燈片效果工作，讓第二個內容滑過第一個內容。如果我沒有，他們不會在同一條線上滑過。 $('.contact-box').hover(

0熱度

1回答

將Popup轉換爲Relative不起作用

我有一段在moseover上彈出消息的代碼。它採用絕對定位編碼，工作正常。但我需要將其改爲相對定位，以便使代碼更好地適用於移動設備。在這jsfiddle頂行是使用相對，並不起作用。底線是使用絕對和正在工作。請有人指出我要出錯的地方嗎？以下是我的代碼： <style> .tooltips { position: relative; display: inline;

4熱度

4回答

獲取標題和控制按鈕到這個「西蒙說」遊戲中間

我正在一個西蒙說遊戲，我有問題把標題和按鈕從底部到控件部分的中間。我試過不同的css風格，但divs似乎沒有移動。特別是，margin-top將元素更靠近中間。現在他們在頁面的底部。這是迄今爲止我所擁有的。任何幫助讚賞。由於 body { background: url("http://cdn.backgroundhost.com/backgrounds/subtlepattern

2熱度

1回答

文本省略號在第一跨度

文字我要讓這樣的：兩個span（span.title，span.date）在一行。 span.date旁邊的span.title（未對齊父的右側） span.title應該是文本溢出：省略號（未span.date） var title = document.querySelector('.title'); var text = title.innerText; document.qu

0熱度

1回答

如何在文檔流中保留相對定位的父級？

我有兩個部分，第一部分是使用相對位置，幷包含2個絕對兒童與兒童覆蓋。第二部分包含一個標題。我想保留第一部分的位置相對流動，所以第二部分出現在下面。我理解絕對位置在文檔流之外需要元素，但即使是相對父級，情況也是這樣嗎？我該如何保持家長流動？ .parent { position: relative; } .child { color: white;

10熱度

6回答

麻煩與NOWRAP和最大寬度的絕對定位的元素

我猜這兩個屬性實際上並不共同努力，但我的情況：我試圖創建一個工具提示組件。我的工具提示是絕對定位的，因爲我不知道內容的長度是多少，所以沒有寬度。因此，與寬度相關的CSS，文本只是形成一個高大而瘦的列。我試過max-width，但是在它自己身上，那什麼都不做。所以我決定嘗試white-space: nowrap，雖然它很好地不包裝文本，但它似乎並沒有以一種有用的方式來承認最大寬度，文本反而超出了元

1熱度

1回答

如何使用固定位置獲取Bootstrap的列滿瀏覽器高度？

我需要做一個幻燈片，當用戶點擊一個特定的按鈕出現在右側。 <div class="col-md-3"> <div class="card"> content </div> </div> 它需要有一個固定的位置，我想和右：我正與這個網站結構，引導4使其0;所以它堅持在右側。而且我也需要它是完整的瀏覽器高度。問題是，如果我用這個CSS，它延伸卡的寬度以及高度： .c

-1熱度

1回答

如何恢復絕對定位的疊加元素順序？

我有以下標記： .slider { position: relative; height: 100%; width: 100%; } .slider div { position: absolute; top: 0; bottom: 0; width: 100%; } <div

1熱度

2回答

用頁面底部的距離限制高度

我在一邊有一個按鈕的web應用程序。當我點擊其中一個按鈕時，* JavaScript magic *，它旁邊會出現一個菜單。腳本對定位或樣式一無所知，它只是找到一個目標元素，然後在其中寫入HTML。總之，我有一個相對於其父母的位置（本例中爲#pretty-target）。 <div class="container"> <button class="my-pretty-button">

2熱度

2回答

溢出：滾動div位置：絕對元素內

我有一個表內溢出：滾動容器，表中有一些按鈕，當有人點擊它們，他們顯示上下文/工具提示（位置：絕對層）文本。當我向右滾動，然後單擊按鈕，它移動外向右忽略滾動：使相對容器位置解決位置問題，但它出現在容器內不顯示菜單：我需要幫助得到以下所需的行爲：這是片段： .container{ width:200px; height:100px; overflow: