子元素使用position：fixed,導致他的寬度不能和父元素保持一致的解決方案
最近在編碼過程中，遇到過這樣一個問題，代碼如下，我們有一個父級，他有一定的寬度，在他的里面有兩個子級，其中一個是絕對定位的，且要求他們的寬度都和父級保持一致，然后問題就出現了，我們會發現，有了定位 ...
花費 25 ms
小tips：使用rem+vw實現簡單的移動端適配
首先設置meta屬性，如下代碼： 使用如下代碼就能實現移動端的適配： 100vw相當於瀏覽器的window.innerWidth，是瀏覽器的內部寬度，注意，滾動條寬度也 ...
CSS單位em、rem、vh和vw等及CSS3的calc()以及line-height百分比
css單位我們常用的是px,也即是像素。隨着網頁開發自適應的要求，css3新增了許多單位，rem、vw和vh、vmin和vmax、ch和ex等。 em 做前端的應該對em不陌生，不是什么罕見的單位 ...
版權footer始終置於頁面的底部
版權footer始終置於頁面的底部，內容少時置於頁面底部，內容多時隨滾動條滾動 1.使用flex布局 <body class="Site"> <header>...< ...
css左側固定寬度，右側自適應的幾種實現方法
左側固定，右側自適應或者右側固定在，左側自適應是一樣的。這種布局很常見，而且面試過程中也經常會問到，這里我總結的方法一共有5種。要實現這種布局，也算比較簡單。我們先給出html結構： 代碼中的# ...
css3的 calc屬性無效問題解決
css3的 calc：計算屬性。 運算符兩邊需要加空格，才有效。 錯誤示例：.mystyle{width:calc(100%-25px)}這樣是不生效的 運算符"+ - * /"左右兩邊均要留空格 正確示例：.mystyle{width:calc(100% - 25px)} ...