1.有一個高度自適應的div，裏面有兩個div，一個高度100px，希望另一個填滿剩下的高度。
- height：calc（100%-100px）
- absolute positioning：外層position：relative；
百分百自適應元素 position: absolute; top: 100px; bottom: 0; left: 0
2.png、jpg、gif 這些圖片格式解釋一下，分別什麼時候用。有沒有了解過webp？
- png是便攜式網絡圖片（Portable Network Graphics）是一種無損數據壓縮位圖文件格式，優點是：壓縮比高，色彩好。 大多數地方都可以用。
- jpg是一種針對相片使用的一種失真壓縮方法，是一種破壞性的壓縮，在色調及顏色平滑變化做的不錯。在www上，被用來儲存和傳輸照片的格式。
- gif是一種位圖文件格式，以8位色重現真色彩的圖像。可以實現動畫效果時候
- webp格式是谷歌在2010年推出的圖片格式，壓縮率只有jpg的2/3，大小比png小了45%，缺點是壓縮的時間更久了 。兼容性不好，目前谷歌和opera支持。
3.什麼是Cookie 隔離？（或者說：請求資源的時候不要讓它帶cookie怎麼做）
Cookie隔離問題，同一個網頁,多個RemoteWebDriver會共享同一個Cookie。比如想要並行登陸並執行操作，這樣是不行的。
如果靜態文件都放在主域名下，那靜態文件請求的時候都帶有的cookie的數據提交給server的，非常浪費流量，所以不如隔離開。
因爲cookie有域的限制，因此不能跨域提交請求，故使用非主要域名的時候，請求頭中就不會帶有cookie數據，這樣可以降低請求頭的大小，降低請求時間，從而達到降低整體請求延時的目的。
同時這種方式不會將cookie傳入Web Server，也減少了Web Server對cookie的處理分析環節，提高了webserver的http請求的解析速度。
4.style標籤寫在body後與body前有什麼區別？
寫在body標籤後由於瀏覽器以逐行方式對html文檔進行解析，當解析到寫在尾部的樣式表（外聯或寫在style標籤）會導致瀏覽器停止之前的渲染，等待加載且解析樣式表完成之後重新渲染，在windows的IE下可能會出現FOUC現象（即樣式失效導致的頁面閃爍問題）。
5.什麼是CSS 預處理器 / 後處理器？
- 預處理器例如：LESS、Sass、Stylus，用來預編譯Sass或less，增強了css代碼的複用性，還有層級、mixin、變量、循環、函數等，具有很方便的UI組件模塊化開發能力，極大的提高工作效率。
- 後處理器例如：PostCSS，通常被視爲在完成的樣式表中根據CSS規範處理CSS，讓其更有效；目前最常做的是給CSS屬性添加瀏覽器私有前綴，實現跨瀏覽器兼容性的問題。
6.rem佈局的優缺點