在手機自帶瀏覽器遇到的一個關于position的坑,absolute設置的位置沒出現在預期

guqiu 發布于2019-08-01 16:40 / 2996人閱讀

摘要：結構是這樣的樣式是這樣的但是發現在一些瀏覽器上并沒有距離底邊而是距離的底部我的解決方法是我覺得肯定還有其他的解決辦法，一時沒想到，想著向大家學習下，看看其他的解決辦法

結構是這樣的


  something

樣式是這樣的

.box {
  position: relative;
  width: 160px;
  height: 160px;
  border: 1px solid #f3f5f7;
}
.content {
  width: 100%;
  height: 40px;
  background-color: #ee0000;
}
.inner {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 40px;
  background-color: #f3f5f7;
}

但是發現在一些瀏覽器上并沒有距離底邊15px,而是距離.content的底部15px；

我的解決方法是：


  something

我覺得肯定還有其他的解決辦法，一時沒想到，想著向大家學習下，看看其他的解決辦法

云服務器 GPU云服務器在工作遇到 ddos 攻擊你是如何解決的服務器位置設置在哪 position:absolute 最后出現的位置

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50673.html

在手機自帶瀏覽器遇到的一個關于position的坑,absolute設置的位置沒出現在預期

摘要：結構是這樣的樣式是這樣的但是發現在一些瀏覽器上并沒有距離底邊而是距離的底部我的解決方法是我覺得肯定還有其他的解決辦法，一時沒想到，想著向大家學習下，看看其他的解決辦法結構是這樣的 something 樣式是這樣的 .box { position: relative; width: 160px; height: 160px; border: 1px sol...

233jl 2019-08-29 12:26 評論0 收藏0
關于移動端基礎布局概念方式和常見問題總結 (不定時更新)

摘要：前言本來是打算寫寫怎么使用進行移動端的布局的然后前面還加些像素基本知識鋪墊后面又加了些屬性概念最后還來些常見布局問題和系統樣式果然排版也是門高深學問這里有些自己寫的有些看完之后總結出來的還有些別人那里搬來的順帶會送上飛機票告訴你們來源在哪前言本來是打算寫寫怎么使用 lib-flexible 進行移動端的布局的, 然后前面還加些像素基本知識鋪墊, 后面又加了些 CSS 屬性概念, 最...

chenjiang3 2019-08-30 15:44 評論0 收藏0
關于移動端基礎布局概念方式和常見問題總結 (不定時更新)

摘要：前言本來是打算寫寫怎么使用進行移動端的布局的然后前面還加些像素基本知識鋪墊后面又加了些屬性概念最后還來些常見布局問題和系統樣式果然排版也是門高深學問這里有些自己寫的有些看完之后總結出來的還有些別人那里搬來的順帶會送上飛機票告訴你們來源在哪前言本來是打算寫寫怎么使用 lib-flexible 進行移動端的布局的, 然后前面還加些像素基本知識鋪墊, 后面又加了些 CSS 屬性概念, 最...

elliott_hu 2019-08-26 10:32 評論0 收藏0