參考文檔 https://www.cnblogs.com/jizhijunboke/p/4990091.html 一、兩欄布局（左定寬，右自動） 1. float + margin 即固定寬度元素設置float屬性為left,自適應元素設置margin屬性，margin-left應 ...

自適應布局分兩類：高度和寬度，方法有很多，我用三列布局舉例，我就列幾個通俗易懂的例子唄，懂了三列的，兩列的原理一樣，呵呵噠。 效果圖如下：高度自適應——寬度自適應 1,高度自適應布局 原理就是把每個模塊設置為絕對定位，然后設置中間自適應的模塊的top ...

兩欄布局，左邊定寬200px，右邊自適應。如何實現？我的第一個反應就是：用flex伸縮盒呀，然后balabala...說完之后，面試官說，還有沒有別的方法？flex有些瀏覽器不支持嗯...我愣了一下，平常遇到這種問題貌似都是這么寫的...別的方法？我又想了想。JS?對，JS肯定可以。然后就 ...

意思是圖片能百分百顯示在容器里，這個容器可以是table的td,也可以是DIV。以下用div做容器來說明。圖片隨頁面的變化而變化，那么最好把div的寬度設置成百分比，而不是像素，這樣div就不會被固定大小，從而能自適應頁面的大小。<div style=" width="x%"> < ...

...

通常要實現比較精確和自適應的層布局需要設置層的樣式，即用CSS控制層的位置。CSS+DIV布局采用Div ...

...

　　1：速度和加載方式方面的區別　　div 的加載方式是即讀即加載，遇到 <div> 沒有遇到 </div> 的時候一樣加載 div 中的內容，讀多少加載多少；table 的加載方式是完成后加載，遇到 <table> 后，在讀到 </table> ...