css-position

-1熱度

1回答

我正在開發一個側杆組件，我對設置位置感到困惑。在我申請的位置固定和絕對正在工作並得到適合這個應用程序。但我懷疑哪一個是完美匹配的固定/絕對側杆組件，以避免任何進一步的問題，並適合所有應用。感謝您的任何意見

0熱度

2回答

具有我垂直地位置如下的元素： position: absolute; top: 50%; transform: translateY(-50%) 此彈出它直在屏幕的中間。問題是，我有一個頁腳，所以DIV總是要進一步高150像素居中的DIV。有沒有辦法到SASS功能或鈣（），以獲得我的DIV向上移動結合？

1熱度

2回答

CSS如何使這個高度響應？

.wrapper { margin: 7%; height: 79vh; background-color: green; background-size: 300px; } <section class="wrapper"> <h1>TEST</h1> </section> 正如你可以看到它有點敏感，但是當我關閉窗

1熱度

1回答

Background-img對齊響應？

http://lucasdebelder.be/stack/index.html 請一定要檢查它的寬度爲1680像素，那麼它完全對齊在一起，但如果我做我的屏幕寬度更大或更小不對準了任何想法，我怎樣才能解決這個問題呢？我想重新創建我的Dribbble shot。代碼片段。 .wrapper { position: absolute; top: 50%; l

1熱度

1回答

位置在100％寬度的表格單元內的底部div

我有一個容器div與display: table和三個內部的divs有display: table-cell。兩個外部表格單元具有固定寬度，內部表格單元具有width:100%。所以它隨着瀏覽器的大小而變化。我還有一個頁腳div，我試圖放置在中間單元格的底部，使用width: 100%。但它擴展了中間表格單元的寬度。這個問題如何解決？實施例：https://jsfiddle.net/9op

0熱度

4回答

CSS對齊與文字高度相同的徽標

如何在同一高度上將徽標和文本鏈接對齊？這是用display: inline-block;完成的嗎？ a { text-decoration: none; color: blue; } <nav> <a href="google.be"><img alt="logo" src="https://vignette.wikia.nocooki

1熱度

1回答

<button>裏面的<input>字段？

我試圖與<input>領域內的梯度與placeholder: [email protected];' 我怎樣才能做到這一點得到在這種情況下，它的「循環MEE」的<button>？ input { background: #FFFFFF; border-radius: 55px; border: none; } <input type="email"

1熱度

1回答

CSS：模態窗口滾動身體，但沒有足夠的空間時標題

我想用CSS來做一個模態窗口。我希望它足夠大以適應內容，但是，當屏幕上沒有足夠的空間時，我想要一個滾動條出現在模式窗口的主體中，並將其標題和按鈕行保留在視圖中倍。我如何實現這一目標？我既可以有滾動顯示正確時，有沒有足夠的空間，但隨後的模式是太大了，當屏幕尺寸較大，或我可以正確有模態大小，但滾動條沒有按沒有出現。這是我的嘗試jsfiddle。我究竟做錯了什麼？ https://jsfid

0熱度

1回答

如何將div放置在屏幕中央的iFrame中

我有一個放置在iframe中的div。現在這個iFrame在屏幕上的位置是正確的。現在我需要將位於此框架內部的div放入相對於窗口而不是其容器中。 HTML <FRAMESET rows="136,*" frameborder="no" framespacing="0"> <FRAME id="cmTop" scrolling="no" src="ABC.aspx?empNo=<%=s

2熱度

1回答

是否有可能使用固定小孩的父容器溢出？

我有一個父母與自動身高（例如我添加高度300px測試pupose）和子元素的位置：固定。即使孩子有固定位置，只要孩子可以伸展父母元素嗎？ <div class="parent"> <div class="fixed"></div> </div> .fixed { position: fixed; height: 750px; width: 100%;