什么可能导致内容在页面刷新上还原？

我正在开发一个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

什么可能导致内容在页面刷新上还原？

回答

相关问题