閱讀報紙時容易發現，雖然報紙中的內容很多，但是經過合理地排版，版面依然清晰、易讀。同樣，在製作網頁時，要想使頁面結構清晰、有條理，也需要對網頁進行「排版」。
「版心」(可視區) 是指網頁中主體內容所在的區域。一般在瀏覽器視窗中水平居中顯示，常見的寬度值為960px、980px、1000px、1200px等。
為了提高網頁製作的效率，布局時通常需要遵守一定的布局流程，具體如下：
確定頁面的版心（可視區）。
分析頁面中的行模組，以及每個行模組中的列模組。
製作html結構 。
css初始化，然後開始運用盒子模型的原理，通過div+css布局來控制網頁的各個模組。
最普通的，最為常用的結構
比如小公尺 小公尺官網
比如錘子 錘子官網
人生就像乘坐北京地鐵一號線：
途經國貿，羨慕繁華；
途經天安門，幻想權力；
途經金融街，夢想發財；
經過公主墳，遙想華麗家族；
經過玉泉路，依然雄心勃勃…
這時，有個聲音飄然入耳:乘客你好,八寶山馬上就要到了！
頓時醒悟：人生苦短，有始有終。
好比我們的浮動，有浮動開始，則就應該有浮動結束。
我們前面說過，浮動本質是用來做一些文字混排效果的，但是被我們拿來做布局用，則會有很多的問題出現。
由於浮動元素不再占用原文件流的位置，所以它會對後面的元素排版產生影響，為了解決這些問題，此時就需要在該元素中清除浮動。
準確地說，並不是清除浮動，而是清除浮動後造成的影響
如果浮動一開始就是乙個美麗的錯誤，那麼請用正確的方法挽救它。
清除浮動主要為了解決父級元素因為子級浮動引起內部高度為0 的問題。
其實本質叫做閉合浮動更好一些, 記住，清除浮動就是把浮動的盒子圈到裡面，讓父盒子閉合出口和入口不讓他們出來影響其他元素。
在css中，clear屬性用於清除浮動，其基本語法格式如下：
選擇器
描述left
不允許左側有浮動元素（清除左側浮動的影響）
right
不允許右側有浮動元素（清除右側浮動的影響）
both
同時清除左右兩側浮動的影響
是w3c推薦的做法是通過在浮動元素末尾新增乙個空的標籤例如
，或則其他標籤br等亦可。
優點：通俗易懂，書寫方便
缺點：新增許多無意義的標籤，結構化較差。
可以通過觸發bfc的方式，可以實現清除浮動效果。（bfc後面講解）
可以給父級新增： overflow為 hidden|auto|scroll 都可以實現。
優點：**簡潔
缺點：內容增多時候容易造成不會自動換行導致內容被隱藏掉，無法顯示需要溢位的元素。
:after 方式為空元素的公升級版，好處是不用單獨加標籤了
使用方法：
.clearfix:after
.clearfix
/* ie6、7 專有 */
缺點：由於ie6-7不支援:after，使用 zoom:1觸發 haslayout。
注意： content:"." 裡面盡量跟乙個小點，或者其他，盡量不要為空，否則再firefox 7.0前的版本會有生成空格。示例**：
lang
="en"
>
>
charset
="utf-8"
>
>
版心title
>
2 3 tensorflow 2 3學習 向量
自己開發了一 票智慧型分析軟體，功能很強大，需要的點選下面的鏈結獲取 方法說明 tf.range start,limit,delta 1,dtype none,name range 等差序列，包括start，不包括limit，delta是增量，預設1 tf.lin space start,stop,...
考研日誌 23
昨天9點才開始學，學到了11點多一點。dm看完了二元關係的第三節，做了6道題。220 23 4錯了3個，講的是北京的教育系統，感覺挺簡單的，結果錯得不少。這兩天做的專案比較煩，工作1年，最喜歡做的是那種協議清晰，需求明確，並且硬體所允許的靈活性比較小的專案。最煩的乙個是修改別人的老的專案，因為這類專...
23 操作標籤
如果標籤打錯了，也可以刪除 git tag d v0.1 deleted tag v0.1 was e078af9 因為建立的標籤都只儲存在本地，不會自動推送到遠端。所以，打錯的標籤可以在本地安全刪除。如果要推送某個標籤到遠端，使用命令git push origin tagname git push...