css的簡史和css布局歷史
1.table布局，知道就好。
2.div+css布局，伴隨著我們整個前端職業生涯，也是目前主流的布局方式，重點掌握。
3.flex布局，目前在移動端布局日漸成為主流，要會使用。
4.grid布局，這個關注就好，大家會在將來複雜布局中使用，目前相容性不是很好，沒有太多實際應用場景。
css布局的基石-浮動
重點掌握float
1.擠下去了的問題，
左側右側
一般平常pc端切圖用標準盒模型很多，移動端切圖經常會用到 詭異盒模型的情況。
使用詭異盒模型方法，
box-sizing: border-box;
2.高度不夠，工作中最常用。
左側右側
黃色框線部分，支撐不開，這裡就要用
overflow:hidden;
就撐開了。
清除浮動除了我文中說的是最經典常用的方式
常用的還有兩種，這裡我們把最常用的三種總結下：
1.新增新的元素 、應用 clear：both；
.clear12
3 2.父級div定義 overflow: auto（注意：是父級div也就是這裡的 div.outer）
.over-flow12
33.:after 方法：（注意：作用於浮動元素的父親）
這種方法是 面試的最佳答法，也是工作最常用方式。
css布局的基石-定位
1.四種定位。
static 預設 relative相對 absolute 絕對 fixed固定
CSS 常見的css布局
1 單列布局 主要使用max width屬性樣式實現，使用max width是為了當螢幕小於2000px時不出現滾動條 2 兩列自適應布局 兩列自適應布局是指一列由內容撐開，另一列撐滿剩餘寬度的布局方式，為了觸發ie瀏覽器的haslayout屬性，需設定zoom 1 2.1 使用float over...
css 布局和定位
首先，我們說一下flow，實際上就是從html在上面開始，從上到下沿著元素流逐個顯示。對於塊元素，從上到下布局。對於塊元素中的內聯元素，從左上方流向右下方。對於內聯元素我們需要注意間距問題 1.對於併排放置的兩個內聯元素，中間外邊距不會重疊。所以最終兩個元素中間相差兩個外邊距之和。2.對於上下放置的...
CSS布局入門 css
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位，通過層的margin,padding,border等屬性來控制版塊的間距。分析乙個典型的定義div例子 sample 說明如下 下面是這個層...