聖杯布局
1、聖杯布局的核心是左、中、右三欄都通過float進行浮動，然後通過負值margin進行調整。
2、.left， .right的margin-left是為了讓.main .left .right在同一行。
3、.container的padding-left,padding-right，.left的position和left, . right的position和left是為了防止文字被遮擋。
lorem ipsum dolor sit amet, consectetur adipisicing elit. dolores error incidunt iste iure nisi numquam porro reiciendis, suscipit veniam vero.
1、雙飛翼布局的前兩步和聖杯布局一樣，只是處理中間欄部分內容被遮擋問題的解決方案有所不同。
2、既然main部分的內容會被遮擋，那麼就在main內部再加乙個content，通過設定其margin來避開遮擋，問題也就可以解決了。
3、需要注意的是，需要在main後面加乙個元素來清除浮動。
CSS 關於CSS的幾種移動端布局方式
04.樣式初始化 二 流式布局 三 初識flex布局 四 關於rem 五 關於 查詢 六 初識less語法 七 響應式布局 name viewport content width device width,initial sacle 1.0,maximum scale 1.0,minimum sca...
css處理文字的幾種特殊效果
1.自定義選中文字顏色和背景色 在這裡插入描述 2.多行溢位效果 在這裡插入描述 3.單行溢位效果 在這裡插入描述 4.水平從右到左排列 在這裡插入描述 5.文字兩側對齊 在這裡插入描述 紅豆生南國,春來發幾枝 願君多採擷 此物最相思 尋尋覓覓，冷冷清清，悽悽慘慘戚戚。咋暖還寒時候，最難將息。三杯兩...
CSS實現多欄布局的幾種方式
假如把下面的三個div顯示在同一行 1 float實現多欄布局float屬性控制目標html元件是否浮動以及如何浮動。設定該屬性過後，物件會被當做塊元件處理。float的取值一共有四個 left 向左浮動 right 向右浮動 none 不浮動 inherit 繼承父元素值 將box1,box2,b...