這是一道經典的問題，實現方法有很多種，以下是其中一種css方式實現：
html檔案：
class="parent">
class="content">div>
div>
css檔案：
.parent
.content
首先對父元素top，left絕對定位在50%的位置，這時候只是子元素左上角居中，而中心點還沒居中，加上 margin-top:-100px ; margin-left: -100px;利用負邊距把的中心點位於父元素的中心點，從而實現垂直水平居中
什麼是css hack？
一般來說就是為解決相容性針對不同的瀏覽器寫不同的css,就是 css hack。
常見的瀏覽器相容性問題
1、上邊距
ie6 中 ， 上邊距要比 其他瀏覽器大
解決方案：統一設定 body 的margin 和 padding 值
2、居中布局
ie 低版本中 text-align 可以通知所有的元素水平對齊方式(文字、行內、塊級),其他版本則不行
解決方案：
外層元素 text-align
內層元素 新增 margin:auto
3、元素高度問題
如果內容超出了元素定義的高度時候，所產生的問題
解決方案:
1、設定元素高度與內容高度一致
2、overflow:hidden 解決
4、上邊距(一)
在父子元素中，在子元素裡設定上邊距後所產生的問題。
問題：子元素的外邊距會 適應 到父元素的外邊距上
解決方案:
1、通過父元素的padding-top來替代
2、設定父元素的邊框(可以為透明的)
css學習筆記（二）
13，編寫頭部的css 因為要將css檔案定義在html檔案頭部的方法為內部樣式表方法，所以下面舉例說明怎麼應用內部樣式表方法在html檔案的頭部編寫css 1 開啟記事本，在記事本中輸入如下一段普通的html 然後將 檔案以副檔名.html的形式儲存 例項 在html檔案的頭部應用內部樣式表方法新...
CSS學習筆記二
css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位，通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...
CSS學習筆記 二
布局 由於電腦螢幕解析度的不同以及瀏覽器大小的不同，造成了在布局的時候整個頁面的大小的不確定，現有三種方法來解決這一問題，分別是 固定式布局 流式布局 彈性布局。固定布局 使用以畫素為單位定義的寬度，這種布局型別稱為固定寬度的布局 好處 寬度固定，可以對介面元素進行細緻的控制，在瀏覽器伸縮的過程中，...