国产精品乱码人妻一区二区三区,C逼视频在线观看日本色情,在线看片免费人成视频在线影院

display: block;
width: 130px;
height: 30px;
text-align: center;
color: #fff;
float: left;
background: #95CFEF;
border: solid 1px #36F;
margin: 30px 5px;
}

我們一起來看瀏覽器下的效果對比

瀏覽器兼容之旅第三站:IE常見Bug總結(jié)及修復(fù)方法—part1

解決這個Bug也有倆種方法，我們一起來看看
修復(fù)方法一：解決這個bug最簡單的方法，只需要在li元素中也加上一個浮動，所以你只需這樣做就能解決了

復(fù)制代碼代碼如下:
ul li {float: left;}

修復(fù)方法二：這個方法二也很簡單，就是在li元素上應(yīng)用display:inline

復(fù)制代碼代碼如下:
ul li {display: inline;}

六、li空白間距
這個Bug也是針對于li的，在IE下會無端增中l(wèi)i與li之間的垂直距離，別的先不說，先來看下面的代碼
HTML Markup

復(fù)制代碼代碼如下:
ul
lia Link 1 /a/li
lia Link 2 /a/li
lia Link 3 /a/li
/ul

CSS Code

復(fù)制代碼代碼如下:
ul {
margin:0;
padding:0;
list-style:none;
}
li a {
background: #95CFEF;
display: block;
}

同樣我們來看瀏覽器下的對比圖

雖然在IE6存在這樣的煩人的事情，不過還是值得慶幸的，我們只需在寫代碼時稍加注意，就可以輕松的避免這樣的Bug在你的頁面中出現(xiàn)
方法一：
最簡單的辦法就是給a標簽顯式的定義一個寬度，用聲明寬度的方法來觸發(fā)IE瀏覽器的hasLayout，當然你也可以顯式的定義一個高度，同樣也可以解決，代碼如下：

復(fù)制代碼代碼如下:
li a {width: 200px;}

方法二：
方法二是在a標簽上進行浮動，并且清除浮動

復(fù)制代碼代碼如下:
li a {
display:block;
float: left;
clear: left;
}

方法三：
方法三也是比較簡單，只在li標簽上加上一個行內(nèi)元素顯示

復(fù)制代碼代碼如下:
li {display: inline;}
li a {display:block;}

方法四：
這種方法是在每個列表li上設(shè)置一個底邊實線

復(fù)制代碼代碼如下:
ul li { border-bottom: 1px solid #666; }

這種方法問題是解決了，但生成了一個新的問題，就是li底部有一條實現(xiàn)，如果實線顏色和頁面背景色不一致將會給你帶來視覺上的不同，所以最好底線顏色設(shè)置成你頁面相同的背景色，當然你也可以嘗試下面的方法來解決：

復(fù)制代碼代碼如下:
ul li { border-bottom: 1px solid #ffffff; display:block; margin-bottom: -1px;}

七、IE6下無法設(shè)置元素的微高
這個Bug也很有意思，有時我們在Web頁面中使用div元素來模擬line或者說制作白色間距，顯顯在元素中定義了好少的高度，比如說2px的height，可是在IE6下，他始終都不以2px的高度見世，如下面的一段代碼

復(fù)制代碼代碼如下:
.demo {
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 2px;
margin: 30px 0;
}

接著我們來看瀏覽器的對比圖：

造成這要的Bug其實很簡單，因為在IE瀏覽器下，他會拒絕高度小于字號的設(shè)置，這樣解決起來就很簡單了，我們只需要把元素的字號設(shè)置為0，如果為了更安全，你最好加上line-height也為0，具體看下面的代碼

復(fù)制代碼代碼如下:
.demo {
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 2px;
font-size: 0;
line-height: 0;
margin: 30px 0;
}

上面是通過字體大小來解決，其實還有一種更簡單的方法，利用overflow:hidden將超過高度的部分直接切掉，從而達到2px的微高度設(shè)置，具體如下