css-position

4熱度

2回答

我試圖修復位置元素，並採取父div的全寬。這是我的html： <div class="col-md-3"> <div class="player-avatar-card"> <div class="card-body"> <div class="avatar-image"> <img src="/imagecache/small/{{ $p

1熱度

2回答

css麻煩結合絕對定位，最大尺寸和居中

我已經完成了我的css份額，並認爲我知道所有常用的技巧，但是這一個難倒了我。我想絕對定位一個標題框在一個圖像（如背景圖像實現）與要求的列表：應居中應該有最大寬度和最大高度爲百分比圖片。應該有最低10％來自父母，並與更多的內容文本內容超過最大尺寸應該被隱藏起來調整，但它的真實背景圓潤邊角border-radius應保持可見。以下是我來最接近的 - 它不能在中心： .container {

0熱度

1回答

z指數爲-1的元素根據祖父母的分區

將z-index:-1置於絕對孩子使祖父母下的分區。我如何讓絕對孩子去父母的div而不是祖父母的div？ .grandparent{ background:rgba(0, 128, 0, 0.89); width:500px; } .parent{ position:relative; width:200px;

5熱度

3回答

無法降低高度，因爲文本在動態texarea中被刪除

<div class="mainContainer"> <div class="container"> <div class="content"></div> </div> <div class="footerCls"> <div class="inputcls"> <textarea name="text" placeholder="

0熱度

1回答

AngularJS中的彈出窗口和窗體中的相對位置

我使用AngularJS實現窗體（用於添加聯繫人）。此表格包含幾個字段。第一個字段是的文本姓氏。當輸入文本時，系統檢查數據庫中的值是否已經存在。如果該值在系統中存在顯示錯誤消息與具有相同lastName的不同的聯繫人：我創建了一個酥料餅，以便顯示與該事件鼠標懸停聯繫人詳細信息。我在顯示頁面中的彈出窗口時遇到問題。彈出窗口應顯示在下一個字段的前面。但我不知道該怎麼做（即使是相對位置）。這裏

-2熱度

2回答

使絕對定位的div佔據屏幕的全寬

我有一個absolute定位的div，我將它設置爲具有100vw的屏幕的全寬度，但問題是它開始於其父開始，而不是在左側的視口。我怎樣才能讓元素從左到右開始？ .main-navigation li { float: left; position: relative; height: 100%; display: flex; } .

2熱度

2回答

HTML爲什麼這兩個元素不是直接放在彼此之上？

我正在嘗試編寫一些HTML代碼，以直接在pre文本塊之上覆蓋另一個元素。的問題是，即使是最簡單的例子似乎並沒有正確對齊...... <div style="position:relative"> <pre style="position:absolute"> hello </pre> <div style="position:absolute"> world

0熱度

2回答

根據以前的內容調整HTML span元素的位置

以下是我正在處理的問題。我需要顯示出售物品的原始價格和促銷價格。有些項目可能沒有任何價格 - 因此沒有被顯示在所有一些項目可能只是表示價格，但沒有促銷價項目可以選擇性地表明他們的價格的單位當是一種價格 - 只有在有價格的情況下，我想追加定價貨幣和價格單位（如果有的話）。這是最好的下方 #spnOldPrice{text-decoration:line-through;} #spnN

1熱度

2回答

固定位置不動時滾動父div

我有一個按鈕fixed裏面的outer股利。問題是當我設置position: fixed（在頁面滾動時保持按鈕不動），它不能正常工作。該按鈕仍然滾動並移出屏幕。這裏是我的代碼 .rotate { transform: rotate(30deg); background: blue; width: 300px; height: 300px;

0熱度

3回答

如何在小顯示器的情況下保持居中圖像的滾動

我有登錄表單，其中徽標位於頂部，整個表單位於屏幕中央。一切都很完美，但是當我在小型顯示器上試用時，如果此表單不適合垂直放置，則徽標會被裁剪，而我無法在其頂部滾動。 Simplyfied例子是在這裏： .login-form { width: 250px; background-color: #eee; padding: 20px; posit