css樣式問題踩坑彙總

1.position:fixed定位時 “高度坍塌” 問題

發現在用jquery的css()方法給position：fixed的元素設置高度時，獲取到的高度爲0，如圖：

 

我把position:fixed樣式取消了就可以獲取到高度，我想了一下可能是脫離了普通文檔流引起的，後面去網上搜索了一下解決方案，通過在這個元素的下面再加一個div，在這個div上設置高度來解決了這個問題，html代碼如下：

<div class="userInteract" style="position:fixed">
    <div id="userInteract" style="height:40px;line-height: 40px;">
        <ul>
           <li></li>
        </ul>
   </div>
</div>

爲什麼不直接不用position：fixed樣式呢，因爲有些浮在頁面底部的按鈕必須要使用position:fixed樣式，參考鏈接：

https://www.bbsmax.com/A/1O5Eo8X8z7/