css-position

    0熱度

    1回答

    我很想設定的#box4與top: 45px就像#box3相對於#box2位置的初始位置,但仍保持#box4與position: sticky這使得它在向下滾動頁面後顯示同一級別。 原始位置, 滾動後, html, body { margin: 0; padding: 0; height: 1000px; } .box {

    2熱度

    2回答

    我試圖在移動鍵盤上方直接放置元素。即:絕對/固定在頁面底部的位置,但是被鍵盤向上推(或推高鍵盤的等效高度)。 通常情況下,這是所期望的相反的行爲,而且會有很多人爲了保持底層元素而戰鬥。我覺得我還記得在之前戰鬥過那些同樣的戰鬥...... 但是現在我想讓它移動,事實並非如此。 (當然!) 我現在的重點是iOS Safari,但更喜歡跨瀏覽器。 似乎老版本的iOS在鍵盤打開的時候改變了window.i

    -1熱度

    1回答

    我有一個SVG,它是一種包含12個字符的合照。 SVG還包含這些字符在合影照片中的位置。每個單個字符都有一個id。現在使用SVG的<use>我想在頁面的另一部分重用這些單個字符。 像這樣: 請注意,在底部示出了頭部左側上部圖像的。正如你所看到的定位不起作用。我已經嘗試設置top,left,position: absolute, translate(0, 0) - 但沒有成功。 實際上它應該是這樣的

    0熱度

    1回答

    簡要問題:單擊下面的第一個鏈接,並說明爲什麼Chrome在右側顯示保證金(如果沒有)。 長的問題: 我想知道爲什麼谷歌瀏覽器顯示從絕對和相對定位的塊不同的圖形表示。 在絕對定位塊上,Chrome按照我的預期顯示元素。 在相對定位的塊上,元素的寬度顯示更多。它看起來像一些邊距或填充,但我從這個div零填充和邊距,它仍然看起來在Chrome Inspect工具相同。 看看相對div如何對它的寬度有一個

    1熱度

    1回答

    所以我對編碼比較陌生,但是我已經完成了我的研究,而且我一直沒能找到任何可以幫助我的東西。我目前正在使用視差的網站上工作,雖然我得到的視差工作,沒有別的。所有其他實現的內容都固定在頂部,就好像位置是固定的一樣(無論導航欄是否打算固定在頂部),無論我改變位置或z-index多少次。請幫助,這開始感覺像一個巨大的混亂。 body { \t background-color: #E4DBD6;

    2熱度

    1回答

    我在其父項中有絕對的塊位置。父母有一個左右邊框。這導致絕對定位的塊(也具有邊界)爲2px太小。 解決此問題的最佳方法是什麼? 目標: 我基本上希望兩個塊對齊。他們的邊界應該基本看起來像1邊界。問題是,即使border-box小孩div更小,因此不會對齊。 HTML <div class="container"> <div class="diagonal"></div> </div>

    1熱度

    1回答

    我有位置:絕對和寬度:100%的跨度,我想動畫它,所以我添加了變換:懸停的比例(1.2),但它改變了寬度。如何預防它? .caption { position: absolute; left: 0; top: 50%; text-align: center; color: #000; width: 100%;

    3熱度

    1回答

    固定夾我有這樣的設置: body, html { width: 100%; } .container { width: 100%; min-height: 50px } .header { position: fixed; top: 0; left: 0; righ

    0熱度

    1回答

    我有一個關於如何將我的輸入文本框放在頁面中心並且有響應的問題。 下面是HTML代碼: <body> <div class="container container-padding50"> <input type="text" class="js-userinput container-textinput" placeholder="mySearchApp"> <

    0熱度

    1回答

    我正在開發一個網站。在我的網站中,我展示了兩個元素並排。第二個元素將具有固定寬度,但第一個元素將佔用剩餘的空間。所以我寫了一個簡單的HTML和CSS代碼。 HTML <div class="gallery-container"> <div class="gallery-left"> </div> <div class="gallery-right"> <