表單按鈕用input type=submit和a鏈結兩者表現不一致的問題
表單的輸入框、文字、驗證碼沒有對齊
ie6/7中margin失效
ie6中margin雙邊距
1、問題： 表單按鈕用input type=submit和a鏈結兩者表現不一致的問題。
input.btn.btn①解決方案：
.btn②width和height限制按鈕的寬和高，line-height和vertical-align:middle是讓文字垂直居中，text-align:center讓文字水平居中。
1 2 分別對應①②**
form p.label.ipt（注意這裡input的高度使用height。在ie中line-heigh不能撐開input的高度，firefox和chrome可以）.imgcode
①解決方案：
新增.label，.ipt，.imgcode的屬性 ②
3、ie6/7中margin失效： 不推薦用絕對定位absolute！！！！
1、絕對定位left的div，與其他div的margin-left問題
2、：乙個塊級元素，觸發了haslayout（比如設定了寬度高度），並且其前面緊挨著的同級的節點如果為absolute絕對定位，就會導致這個塊級元素在ie6/ie7下面的margin-top失效，看起來就像margin-top:0一樣
margin-top解決辦法：
(1)使用padding來代替margin，比如設定其父元素的padding-top，或者設定這個塊元素的padding-top，不過要注意padding對其背景的影響。
(2)使這個塊不直接跟在前面的這個絕對定位元素後面，比如在它們之間插入乙個空div標籤，或者交換這兩個標籤的前後位置。
margin-left 貼**：
.aside.right
left其他瀏覽器效果right
ie6效果
margin-left 初步解決方案：
①.right新增 display:inline;
②.right改為 padding-left:310px;
③ 去掉class 「rel「或者新增」fix「 即*zoom:1;
出現原因：待解決。。。。
4、ie6中margin雙邊距：
邊距產生的條件：block元素+浮動+margin
問題解決：①display：inline ②去掉float
總結：越是到一定水平了，浮動用的越少。也會避免使用浮動+margin的用法。所以，越後來越不易遇到這種bug
<firefox、chrome及ie7+瀏覽器div
class
="fz"
>
<
div
class
="l ml10 bg-red"
>浮動
div>
div>
ie6瀏覽器
CSS瀏覽器相容問題大全
1 firefox下父容器的高度自適應 height 100 overflow auto 2 ie6的雙倍邊距bug display inline 3 超連結訪問過後hover樣式不出現的問題 改變css屬性的排列順序 l v h a 4.ff下使連續長欄位自動換行 ie中直接使用word wrap...
CSS及瀏覽器相容問題
css 框模型概述 元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距預設是透明的，因此不會遮擋其後的任何元素。內邊距 邊框和外邊距都是可選的，預設值是零。但是，許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 m...
css 解決瀏覽器相容問題
這裡大家要知道css不相容的原因是因為各瀏覽器給css預設屬性值不一樣造成的。第一招 給常用css規定屬性值。body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td img ul ul li 上面的建站常用 就相是格式化css樣式，讓各瀏覽...