什麼可能導致內容在頁面刷新上還原？

我正在開發一個rails應用程序，並且包含了一些自定義的jquery。什麼可能導致內容在頁面刷新上還原？

我有一個div嵌套在另一個div。

嵌套的div包含文本，它有一個height的100px。

我想嵌套的div被放置在容器的最底部div。

我實現了通過使用：

position: absolute; 

bottom: 0;

在我custom.css.scss。該解決方案效果很好。

不過！

我遇到的問題是，當我在瀏覽器中刷新頁面時，我想要將位於容器底部的嵌套div恢復到原來的位置。

有誰知道，爲什麼會發生這種情況？

下面我列出了我的div的代碼。容器和嵌套。相對於.container類：

HTML

<a href="#"> 
    <div class="container"> 
     <div class="nested"> 
      <h3>Lorem ipsum</h3> 
      <p>Lorem ipsum dolor...</p> 
     </div><!-- end div .nested --> 
    </div><!-- end div .wrapper --> 
</a><!-- end anchor tag -->

CSS

.container { 
    background: #FFFFFF; 
    padding: 0px; 
    width: 265px; 
    height: 250px; 
    border-top: 5px solid #FAAA2C; 
    } 

    .nested { 
    background-color: #FFFFF2; 
    margin-top: 0px; 
    height: 100px; 
    bottom: 0; 
    position: absolute; 
    color: #000000; 
    }

來源

2015-02-23 scrippyfingers

位置添加。這應該解決它。例如的jsfiddle：http://jsfiddle.net/cw6dotja/

.container { 
 
    background: #FFFFFF; 
 
    padding: 0px; 
 
    width: 265px; 
 
    height: 250px; 
 
    border-top: 5px solid #FAAA2C; 
 
    position:relative; 
 
    } 
 

 
    .nested { 
 
    background-color: #FFFFF2; 
 
    margin-top: 0px; 
 
    height: 100px; 
 
    bottom: 0; 
 
    position: absolute; 
 
    color: #000000; 
 
    }

<a href="#"> 
 
    <div class="container"> 
 
     <div class="nested"> 
 
      <h3>Lorem ipsum</h3> 
 
      <p>Lorem ipsum dolor...</p> 
 
     </div><!-- end div .nested --> 
 
    </div><!-- end div .wrapper --> 
 
</a><!-- end anchor tag -->

來源

2015-02-23 04:24:41 Bala

感謝您的回覆。我已經嘗試過這個解決方案。但它不起作用。 – scrippyfingers 2015-02-23 04:38:45

哈！所以我要運行這些命令並解決了我的問題！

rake assets:clobber 

rake assets:precompile

我終於解決了這個問題，我一直有永遠。

來源

2015-02-23 05:11:34 scrippyfingers

什麼可能導致內容在頁面刷新上還原？

回答

相關問題