doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
.layui-side
style
>
head
>
<
body
>
<
div
class
="layui-side layui-bg-black"
>
div>
body
>
這樣寫還有乙個好處就是，側邊欄的高度是不固定的，它可以隨不同大小的瀏覽器視窗而變化，相容性也非常好ｉｅ８也行
（2）css固定頂部導航簡單的寫法：
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
<
style
>
html,body
.header
.fix-header
.content
style
>
head
>
<
body
>
<
div
class
="header fix-header"
>固定的頂部導航條
div>
<
div
class
="content"
>23333
div>
body
>
html
>
PS布局 側邊欄的設定
看見別人的ps有乙個側邊欄，但是自己剛開始怎麼設定都沒有設定出來，後面注意到了乙個拖動藍色提示後，就輕鬆做出來了。直接拖動需要靠邊的視窗到ps軟體的最右側，此時會出現藍色提示 這個時候就可以鬆開滑鼠左鍵了。如果只是拖動到中間位置就會出現下面的情況 圖層的部分並沒有在一起。所以需要將需要排在下面的視窗...
側邊欄跟隨滑動即將離開視窗時固定在側邊的效果
有時候網頁主體內容居中，分左右兩個模組，左邊為側邊欄，右邊為主要內容。側邊欄的長度有限 小於視窗高度 固定為一定的高度，主要內容過多時就會導致側邊空曠，看起來不太美觀，所以在網頁滑動到視窗失去側邊欄的時候再把側邊內容固定在視窗的側邊是一種比較好的處理方法。本文所寫的方法相對來說比較簡單，具體思路如下...
HTML和CSS的那些事兒2 CSS
1，html和css徹底分離 任何時候避免在標籤上直接使用style屬性 將標籤內的內容移到外部css檔案中 2，選擇符 屬性和值 選擇符 font size屬性賦值的單位中，最佳的是em或者 因為具有縮放性 3，font family字型族 多種字型需用半形英文逗號 分隔，瀏覽器會逐遍尋找羅列的字...