調整窗口大小後，右側浮動元素顯示會在Chrome中出現亂碼？

我的網站頁腳中有一個元素漂浮在右邊，除了在Chrome中，當我調整窗口大小時，我有一定的樣式設置屏幕不顯示浮動塊（請查看示例here ），但問題是，當我將窗口大小調整爲大尺寸時，即使應用了float：right，該元素也會出現在頁腳的其他元素下面。奇怪的是...取消選中float：右側樣式並在檢查器中再次檢查它將元素返回到其正常位置。任何人都知道可能會造成這種情況？調整窗口大小後，右側浮動元素顯示會在Chrome中出現亂碼？

來源

2013-10-24 antonpug

它可能是你的twitter鏈接導致一些奇怪的事情，如果你不介意你在cali文本中託管上面的其餘部分，你可以將它移動到標籤中的第一個元素，這將解決您的重新大小問題。

還是因爲它看起來像你正在使用Twitter白手起家網格你可以用自己的類，如：

<footer class="container" role="footer" style="display: block;"> 
    <span id="copyright" class="col-xs-12 col-sm-4 text-left">©2013 Anton Pugachevsky</span> 
    <span id="social" class="col-xs-12 col-sm-4 text-center"> 
     <a href="http://twitter.com/antonpug"> 
      <img src="http://antonpug.com/wp-content/uploads/twitter-social-icon.png" /> 
     </a> 
    </span> 
    <span id="random-blurb" class="col-xs-12 col-sm-4 text-left">Hosted with ♥ in California</span> 
</footer>

來源

2013-10-24 00:41:19 Chausser

使用文本對齊：權利;在父元素上，只能使用float：left;需要的子元素或使用其他類型的對齊方式。

這是更多的解決方法，但不是解決方案。這個問題似乎是某種chrome樣式刷新錯誤，因爲採用浮動樣式或刷新頁面可以解決這個問題。

來源

2014-02-27 16:01:01

調整窗口大小後，右側浮動元素顯示會在Chrome中出現亂碼？

回答

相關問題