最近換了份工作，放棄了做了2年的 .net轉成前端開發(這兩年其實也是.net跟前端一起做，所以前端也還比較熟)，這是我
第一篇部落格，進園也有兩年多了，雖然一直想寫點什麼，不過總感覺自己的文字組織能力太差所以就沒寫了，不過還是很想寫部落格，不管內容怎麼樣，能跟別人分享，也能讓別人能更好的了解你
就從今天開始，希望能堅持下去。
暫時沒什麼好寫的，就寫下今天改的樣式，在部落格模版下選了個elf的主題還蠻喜歡的，就選它了，不過發了篇文章發現主題是固定1000px寬度的，現在普遍都是22寸寬屏看起來顯得太小氣了，
而且太小看起來總感覺眼睛好累，既然作為乙個前端開發，改個自適應該還是很簡單的，首先用chrome看了下頁面結構
<div
id="mian"
>
/**左邊**/
<
div
id="maincontent"
>
<
div
class
="forflow"
>
div>
div>
/**右邊**/
<
div
id="sidebar"
>
div>
div>
css**：
#main#maincontent#sidebar
要實現的效果是#maincontent文章列表是自適應，sidebar固定的，按我平時的寫法，首先#main跟#maincontent的寬度去掉，#maincontent新增樣式margin-left:-250px;讓它向左移動250px,那250px會塞進sidebar層，
這樣基本實現了自適應，但是左列會有250px隱藏了，只要給裡面的div forflow新增margin-left:250px就可以，這樣相容所有瀏覽器的自適應的兩列布局就完成了，最後修改**如下
#main#maincontent#maincontent .forflow#sidebar
兩列布局實現自適應的方法
注意的是 哪個div 即固定寬度的那個div 設定了浮動，哪個div標籤放在html前面 兩列布局，左側div自適應，右側div固定寬度 div class my line div class line right 北京京東尚科信技術司 div div class line left 所在公司 di...
左側固定寬，右側自適應螢幕寬，左右兩列，等高布局
今天有位朋友一早從妙味課堂轉來乙個有關於css布局的面試題，需要解決，花了點時間寫了幾個demo,放上來與大家分享受。那麼我們在看demo之前一起先來看看這個面試題的具體要求吧 左側固定寬，右側自適應螢幕寬 左右兩列，等高布局 左右兩列要求有最小高度，例如 200px 當內容超出200時，會自動以等...
面試CSS 兩側固定寬度，中間自適應的三列布局
1.聖杯布局 聖杯布局的的原理是利用margin的負值的特性來實現的。注 布局中間部分一定要放在前面，左右順序不限制。對於left塊的margin負值一定要等於wrap的寬度。主要步驟如下 在center塊外層新增乙個div，並設定左浮，以及寬度 這個寬度要與left塊的margin left相匹配...